body, html {
  background-color: #f5f5f7
}

.loading-box {
  height: 100vh;
  background-color: #fff
}

.loading {
  width: 100vw
}

.content[data-v-49c4cc38] {
  padding: 15px 0;
  font-family: PingFangSC-Regular,PingFang SC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  height: 100vh
}

.img-wallet[data-v-49c4cc38] {
  background: url(/extension/img/bg_wallet.7513a40.png) no-repeat;
  background-size: contain
}

.img-coin[data-v-49c4cc38], .img-wallet[data-v-49c4cc38] {
  position: relative;
  color: #fff;
  font-size: 12px;
  margin: 0 auto;
  width: 91.5vw;
  height: 39.78261vw
}

.img-coin[data-v-49c4cc38] {
  background: url(/extension/img/bg_coin.b0e16e2.png) no-repeat;
  background-size: contain
}

.icon[data-v-49c4cc38] {
  display: inline-block
}

.icon-coin[data-v-49c4cc38] {
  background: url() no-repeat;
  width: 32px;
  height: 32px;
  background-size: contain
}

.icon-coin-s[data-v-49c4cc38] {
  background: url() no-repeat;
  width: 24px;
  height: 24px;
  background-size: contain
}

.img-coin .top-box[data-v-49c4cc38], .img-wallet .top-box[data-v-49c4cc38] {
  position: absolute;
  top: 15px;
  left: 20px;
  font-weight: 400
}

.img-coin .middle-box[data-v-49c4cc38], .img-wallet .middle-box[data-v-49c4cc38] {
  position: absolute;
  top: 50px;
  left: 20px;
  font-size: 14px;
  font-weight: 600;
  font-family: PingFangSC-Semibold,PingFang SC
}

.img-coin .middle-box b[data-v-49c4cc38], .img-wallet .middle-box b[data-v-49c4cc38] {
  font-size: 36px;
  margin-right: 5px
}

.img-coin .bottom-box[data-v-49c4cc38], .img-wallet .bottom-box[data-v-49c4cc38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 20px;
  bottom: 15px;
  width: 81vw
}

.img-coin .bottom-box hr[data-v-49c4cc38], .img-wallet .bottom-box hr[data-v-49c4cc38] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 10px;
  border: none;
  border-bottom: 1px solid hsla(0,0%,100%,.5)
}

.img-coin .bottom-box .tixan-money[data-v-49c4cc38], .img-wallet .bottom-box .tixan-money[data-v-49c4cc38] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.img-coin .bottom-box .tixan-money b[data-v-49c4cc38], .img-wallet .bottom-box .tixan-money b[data-v-49c4cc38] {
  font-size: 18px;
  font-weight: 500;
  margin-right: 5px
}

.feedback-text[data-v-49c4cc38] {
  width: 100%;
  padding: 0 15px;
  border-bottom: 1px solid #f5f5f7;
  line-height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  color: #999
}

.feedback-text .icon-question[data-v-49c4cc38] {
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  color: #fff;
  border-radius: 12px;
  background-color: #d0d0d0;
  font-size: 10px;
  margin-right: 5px
}

.feedback-text .btn-feedback[data-v-49c4cc38] {
  color: #fc7aa1
}

.tip-box[data-v-49c4cc38] {
  font-size: 12px;
  color: #999;
  line-height: 19px;
  padding: 15px 15px 16px;
  font-weight: 400px;
  font-family: PingFangSC-Regular,PingFang SC
}

.tip-box .tip-danger[data-v-49c4cc38] {
  color: #ff3b30;
  margin-top: 2px
}

.btn-box[data-v-49c4cc38] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  padding: 10px 15px 0
}

.btn-box .btn-tixian[data-v-49c4cc38] {
  width: 100%;
  height: 44px;
  background-color: #ff6888;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 22px;
  text-align: center;
  line-height: 44px
}

.dialog-box[data-v-49c4cc38] {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.7)
}

.dialog-box .dialog-con[data-v-49c4cc38] {
  width: 315px;
  height: 356px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -157.5px;
  margin-top: -178px
}

.dialog-box .dialog-con .con[data-v-49c4cc38] {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  height: 282px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.dialog-box .dialog-con .title[data-v-49c4cc38] {
  color: #333;
  font-size: 14px;
  margin-top: 30px;
  font-weight: 400;
  width: 255px;
  text-align: center;
  line-height: 20px
}

.dialog-box .dialog-con .ipt-box[data-v-49c4cc38] {
  width: 255px;
  height: 44px;
  border: 1px solid #d0d0d0;
  border-radius: 10px
}

.dialog-box .dialog-con .ipt-box input[data-v-49c4cc38] {
  width: 100%;
  height: 100%;
  border: none;
  text-indent: 14px
}

.dialog-box .dialog-con .btn-ok[data-v-49c4cc38] {
  width: 255px;
  height: 44px;
  border-radius: 10px;
  background-color: #fc7aa1;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 44px;
  margin-top: 30px
}

.dialog-box .close[data-v-49c4cc38] {
  background: url();
  width: 44px;
  height: 44px;
  margin: 30px auto auto;
  background-size: contain
}

.dialog-con.no-auth[data-v-49c4cc38] {
  height: 238px;
  margin-top: -119px
}

.dialog-con.no-auth .con[data-v-49c4cc38] {
  height: 164px
}

.dialog-con.no-token[data-v-49c4cc38] {
  height: 164px;
  margin-top: -82px
}

.dialog-con.no-token .con[data-v-49c4cc38] {
  height: 164px
}

.dialog-con.copy-wx[data-v-49c4cc38] {
  height: 270px;
  margin-top: -172px
}

.dialog-con.copy-wx .con[data-v-49c4cc38] {
  height: 270px
}

.dialog-con.copy-wx .con .title[data-v-49c4cc38] {
  font-weight: 500
}

.dialog-con.copy-wx .con .logo-80[data-v-49c4cc38] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-top: 10px
}

.dialog-con.copy-wx .con .ipt-wx-box[data-v-49c4cc38] {
  width: 255px;
  height: 44px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #d0d0d0;
  margin-top: 20px;
  padding: 0 10px
}

.dialog-con.copy-wx .con .ipt-wx-box .label[data-v-49c4cc38] {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  padding-right: 10px
}

.dialog-con.copy-wx .con .ipt-wx-box .wx-val[data-v-49c4cc38] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
  border-left: 1px solid #d0d0d0;
  font-weight: 400;
  font-size: 13px
}

.dialog-con.copy-wx .con .ipt-wx-box .btn-copy[data-v-49c4cc38] {
  width: 60px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fc7aa1;
  border-radius: 5px;
  color: #fff;
  font-weight: 400;
  font-size: 12px
}

.dialog-con.copy-wx .con .ipt-wx-box .btn-copy.btn-copy-success[data-v-49c4cc38] {
  background: #d0d0d0
}

.dialog-con.copy-wx .con .tip[data-v-49c4cc38] {
  color: #999;
  margin-top: 20px;
  font-size: 12px
}

.money-box[data-v-49c4cc38] {
  padding: 20px 15px
}

.money-box .title[data-v-49c4cc38] {
  font-family: PingFangSC-Medium,PingFang SC;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-bottom: 15px
}

.money-item-box[data-v-49c4cc38] {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.money-item-box .active[data-v-49c4cc38] {
  border: 2px solid #ff6888;
  background: rgba(255,104,136,.16)
}

.money-item[data-v-49c4cc38] {
  width: 29vw;
  height: 78px;
  background-color: #f5f5f7;
  border-radius: 10px;
  margin-bottom: 9px;
  font-family: PingFangSC-Semibold,PingFang SC
}

.money-item .coin-text[data-v-49c4cc38] {
  color: #333;
  font-size: 24px;
  font-weight: 600;
  margin-right: 1px;
  line-height: 33px
}

.money-item .money-text[data-v-49c4cc38] {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  font-family: PingFangSC-Regular,PingFang SC;
  line-height: 20px
}

.pay-popup[data-v-49c4cc38] {
  background-color: #fff;
  width: 100%;
  height: 240px;
  border-radius: 10px;
  padding: 15px;
  font-family: PingFangSC-Regular,PingFang SC;
  color: #333
}

.pay-popup .text[data-v-49c4cc38] {
  padding: 0 5px
}

.pay-popup .price[data-v-49c4cc38] {
  font-size: 26px;
  font-weight: 500;
  line-height: 40px;
  font-family: PingFangSC-Medium,PingFang SC
}

.pay-popup .pay-mode-box[data-v-49c4cc38] {
  margin-top: 7px;
  padding: 0 5px
}

.pay-popup .pay-mode[data-v-49c4cc38] {
  margin-top: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.pay-popup .pay-mode.disabled[data-v-49c4cc38] {
  filter: alpha(opacity=40);
  -moz-opacity: .4;
  -khtml-opacity: .4;
  opacity: .4
}

.pay-popup .pay-mode-box .icon[data-v-49c4cc38] {
  width: 28px;
  height: 28px;
  margin-right: 15px
}

.pay-popup .pay-mode-text[data-v-49c4cc38] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  color: #333
}

.pay-popup .pay-mode-check[data-v-49c4cc38] {
  background: url() no-repeat;
  width: 24px;
  height: 24px;
  background-size: contain
}

.pay-popup .pay-mode-checked[data-v-49c4cc38] {
  background: url() no-repeat;
  width: 24px;
  height: 24px;
  background-size: contain
}

.pay-popup .btn-pay[data-v-49c4cc38] {
  height: 40px;
  border-radius: 20px;
  background-color: #fc7aa1;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-top: 30px
}

.pay-popup .tit-box[data-v-49c4cc38] {
  margin-top: 10px;
  color: #999;
  text-align: center;
  font-size: 13px
}

.pay-popup .tit-box span[data-v-49c4cc38] {
  color: #49689b
}

.female-box[data-v-49c4cc38] {
  padding-top: 5px
}

.content[data-v-49c4cc38] .yd-tab-nav .yd-tab-active:before {
  background-color: #fff
}

.content[data-v-49c4cc38] .yd-tab-nav {
  margin-bottom: 10px
}

.content .tab-panel-box[data-v-49c4cc38] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  height: 80vh;
  -ms-touch-action: pan-y !important;
  touch-action: pan-y !important
}

.alipay-cell[data-v-49c4cc38] {
  border-top: 1px solid #f5f5f7;
  border-bottom: 1px solid #f5f5f7;
  padding: 12px 15px;
  font-size: 14px;
  font-weight: 400;
  color: #333
}

.alipay-cell .icon-alipay[data-v-49c4cc38] {
  background: url() no-repeat;
  width: 24px;
  height: 24px;
  background-size: contain;
  margin-right: 10px
}

.alipay-cell .alipay-account[data-v-49c4cc38] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #999
}

.alipay-cell .icon-arrow-r[data-v-49c4cc38] {
  background: url() no-repeat;
  width: 12px;
  height: 12px;
  background-size: contain;
  margin-left: 5px
}

.popup-box[data-v-49c4cc38] {
  font-family: PingFangSC-Medium,PingFang SC
}

.popup-box .popup-con[data-v-49c4cc38] {
  background-color: #fff;
  width: 100%;
  height: 225px;
  border-radius: 15px;
  padding: 20px 15px
}

.popup-box .title[data-v-49c4cc38] {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  text-align: center;
  margin-bottom: 5px;
  line-height: 20px
}

.popup-box .message[data-v-49c4cc38] {
  color: #333;
  font-size: 13px;
  text-align: center;
  font-weight: 500;
  margin-top: 5px;
  line-height: 18px
}

.popup-box .tit[data-v-49c4cc38] {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  margin-top: 9px;
  text-align: center
}

.popup-box .tit span[data-v-49c4cc38] {
  color: #1677ff
}

.popup-box .popup-input[data-v-49c4cc38] {
  width: 260px;
  height: 40px;
  background-color: #f5f5f7;
  border-radius: 23px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 10px;
  font-size: 13px;
  font-family: PingFangSC-Regular,PingFang SC
}

.popup-box .btn-primary[data-v-49c4cc38] {
  background-color: #ff6888;
  height: 40px;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  margin-top: 20px
}

.popup-box .icon-close[data-v-49c4cc38] {
  background: url() no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  margin-top: 50px
}

.agreement-html-popup[data-v-49c4cc38] .yd-popup {
  z-index: 9999
}

.popup-iframe[data-v-49c4cc38] {
  width: 100%;
  border: none;
  height: 80vh
}

.popup-iframe-ios[data-v-49c4cc38] {
  width: 100%;
  border: none;
  height: 8000px
}

.dialog-box[data-v-08a728f4] {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.7)
}

.dialog-box .dialog-con[data-v-08a728f4] {
  width: 315px;
  height: 356px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -157.5px;
  margin-top: -178px
}

.dialog-box .dialog-con .con[data-v-08a728f4] {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  height: 282px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.dialog-box .dialog-con .title[data-v-08a728f4] {
  color: #333;
  font-size: 14px;
  margin-top: 30px;
  font-weight: 400;
  width: 255px;
  text-align: center;
  line-height: 20px
}

.dialog-box .dialog-con .ipt-box[data-v-08a728f4] {
  width: 255px;
  height: 44px;
  border: 1px solid #d0d0d0;
  border-radius: 10px
}

.dialog-box .dialog-con .ipt-box input[data-v-08a728f4] {
  width: 100%;
  height: 100%;
  border: none;
  text-indent: 14px
}

.dialog-box .dialog-con .btn-ok[data-v-08a728f4] {
  width: 255px;
  height: 44px;
  border-radius: 22px;
  background-color: #fc7aa1;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 44px;
  margin-top: 30px
}

.dialog-box .close[data-v-08a728f4] {
  background: url();
  width: 44px;
  height: 44px;
  margin: 30px auto auto;
  background-size: contain
}

.dialog-con.no-token[data-v-08a728f4] {
  height: 164px;
  margin-top: -82px
}

.dialog-con.no-token .con[data-v-08a728f4] {
  height: 164px
}

.content[data-v-2168cf40] {
  font-family: PingFangSC-Medium\,PingFang SC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px
}

.cell-group[data-v-2168cf40] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.cell-group1[data-v-2168cf40], .cell-group[data-v-2168cf40] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #fff;
  padding: 15px
}

.cell-l[data-v-2168cf40] {
  margin-right: 20px;
  font-weight: 700;
  color: #333
}

.cell-r[data-v-2168cf40] {
  color: #fc7aa1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  font-weight: 400
}

.cell-r input[data-v-2168cf40] {
  border: none;
  width: 100%
}

.cell-r .btn-update[data-v-2168cf40] {
  margin-left: 5px;
  color: #fc7aa1
}

.btn-box[data-v-2168cf40] {
  background-color: #fff;
  padding: 8px 15px 30px;
  font-size: 12px;
  font-weight: 400;
  color: #999
}

.btn-box .tip[data-v-2168cf40] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.btn-box .tip .error-tip[data-v-2168cf40] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  color: #ff3b30
}

.btn-box .btn-tixian[data-v-2168cf40] {
  color: #fc7aa1;
  margin-left: 5px
}

.btn-box .btn-submit[data-v-2168cf40] {
  background-color: #fc7aa1;
  width: 100%;
  height: 44px;
  text-align: center;
  line-height: 44px;
  border-radius: 10px;
  margin-top: 30px;
  color: #fff;
  font-size: 14px
}

.dialog-box[data-v-2168cf40] {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.7)
}

.dialog-box .dialog-con[data-v-2168cf40] {
  width: 315px;
  height: 394px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -157.5px;
  margin-top: -197px
}

.dialog-box .dialog-con .con[data-v-2168cf40] {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.dialog-box .dialog-con .title[data-v-2168cf40] {
  color: #333;
  font-size: 14px;
  margin-top: 30px;
  font-weight: 400;
  width: 255px;
  text-align: center;
  line-height: 20px
}

.dialog-box .dialog-con .tit[data-v-2168cf40] {
  color: #555;
  font-size: 14px;
  margin-top: 15px;
  font-weight: 400;
  width: 255px;
  text-align: center;
  line-height: 20px
}

.dialog-box .dialog-con .ipt-box[data-v-2168cf40] {
  width: 255px;
  height: 44px;
  border: 1px solid #d0d0d0;
  border-radius: 10px
}

.dialog-box .dialog-con .ipt-box input[data-v-2168cf40] {
  width: 100%;
  height: 100%;
  border: none;
  text-indent: 14px
}

.dialog-box .dialog-con .btn-ok[data-v-2168cf40] {
  width: 255px;
  height: 44px;
  border-radius: 10px;
  background-color: #fc7aa1;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 44px;
  margin-top: 30px
}

.dialog-box .close[data-v-2168cf40] {
  background: url();
  width: 44px;
  height: 44px;
  margin: 30px auto auto;
  background-size: contain
}

.dialog-con.success[data-v-2168cf40] {
  height: 258px;
  margin-top: -129px
}

.dialog-con.success .con[data-v-2168cf40] {
  height: 184px
}

.tit-box[data-v-2168cf40] {
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #999;
  padding: 20px 15px
}

.tit-box .h-tit[data-v-2168cf40], .tit-box[data-v-2168cf40] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

.tit-box .h-tit[data-v-2168cf40] {
  position: relative;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px
}

.tit-box .h-tit hr[data-v-2168cf40] {
  width: 100%;
  position: absolute;
  top: 10px;
  border: none;
  border-bottom: 1px solid #ddd
}

.tit-box .h-tit span[data-v-2168cf40] {
  background-color: #f5f5f7;
  font-size: 13px;
  padding: 0 25px;
  position: absolute
}

.tit-box .desc[data-v-2168cf40] {
  margin-top: 5px;
  line-height: 18px;
  font-size: 12px
}

.layout[data-v-2d30a5d2] {
  min-height: 100vh;
  background: url(/extension/img/f_bg.ef80544.png) no-repeat;
  width: 100vw;
  background-size: cover
}

.title[data-v-2d30a5d2] {
  background: url(/extension/img/f_title.8e620f1.png) no-repeat;
  width: 312px;
  height: 48px;
  background-size: contain;
  margin-top: 40px
}

.invitation-code-box[data-v-2d30a5d2] {
  background: url(/extension/img/f_bg0.157886c.png) no-repeat;
  width: 345px;
  height: 366px;
  background-size: contain;
  margin-top: 30px
}

.invitation-code-box .text-box[data-v-2d30a5d2] {
  font-family: SourceHanSansCN-Medium\,SourceHanSansCN;
  font-weight: 500;
  color: #fff;
  margin-top: 40px
}

.invitation-code-box .tag[data-v-2d30a5d2] {
  background: url() no-repeat;
  width: 81px;
  height: 17px;
  background-size: contain;
  margin-left: 7px
}

.invitation-code[data-v-2d30a5d2] {
  color: #666;
  background-color: #f5f5f7;
  font-size: 14px;
  border-radius: 5px;
  width: 305px;
  height: 44px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px;
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 38px;
  font-family: PingFangSC-Medium\,PingFang SC
}

.invitation-code .code[data-v-2d30a5d2] {
  margin-left: 8px;
  border-left: 1px solid #eee;
  height: 23px;
  padding-left: 8px;
  color: #333;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.btn-invitation[data-v-2d30a5d2] {
  background: url(/extension/img/f_btn_copy.3aa78df.png) no-repeat;
  width: 345px;
  height: 92px;
  background-size: contain;
  margin-top: 5px
}

.my-invitation-box[data-v-2d30a5d2] {
  background: url(/extension/img/f_bg1.a211e42.png) no-repeat;
  height: 428px;
  background-size: contain;
  margin-top: 27px;
  font-family: PingFangSC-Medium\,PingFang SC
}

.my-invitation-box[data-v-2d30a5d2], .rule-box[data-v-2d30a5d2] {
  width: 345px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.rule-box[data-v-2d30a5d2] {
  background: url(/extension/img/f_bg2.81b54ca.png) no-repeat;
  height: 266px;
  background-size: contain;
  margin-top: 26px
}

.btn-invitation-now[data-v-2d30a5d2] {
  background: url(/extension/img/f_btn_invitation.3da8b64.png) no-repeat;
  width: 375px;
  height: 104px;
  background-size: contain;
  margin-top: 13px
}

.my-invitation-title[data-v-2d30a5d2] {
  font-size: 20px;
  color: #ee3b37;
  margin-top: 10px;
  font-weight: 500
}

.my-invitation-box .item-box[data-v-2d30a5d2] {
  width: 286px;
  margin-top: 24px;
  height: 220px;
  overflow-y: scroll
}

.my-invitation-box .item-box .item[data-v-2d30a5d2] {
  min-height: 74px
}

.my-invitation-box .head-box[data-v-2d30a5d2] {
  width: 45px;
  height: 45px;
  border-radius: 45px;
  overflow: hidden
}

.my-invitation-box .head[data-v-2d30a5d2] {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
  object-fit: cover
}

.my-invitation-box .info-box[data-v-2d30a5d2] {
  width: 340px;
  font-size: 16px;
  color: #333;
  margin-top: 32px
}

.my-invitation-box .info-l[data-v-2d30a5d2], .my-invitation-box .info-r[data-v-2d30a5d2] {
  width: 50%
}

.my-invitation-box .info-box .info[data-v-2d30a5d2] {
  font-size: 14px;
  color: #ee3b37;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
  width: 100%
}

.my-invitation-box .info-box .info b[data-v-2d30a5d2] {
  font-size: 32px;
  color: #ee3b37;
  font-weight: 500;
  padding-left: 16px
}

.my-invitation-box .info-l .info[data-v-2d30a5d2] {
  border-right: 1px solid #feca81
}

.my-invitation-box .info-box .lbl[data-v-2d30a5d2] {
  position: relative;
  top: 6.5px;
  margin-left: 1px
}

.my-invitation-box .item[data-v-2d30a5d2] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.my-invitation-box .nickname-box[data-v-2d30a5d2] {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #f5f5f7;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 15px;
  font-size: 16px;
  color: #333;
  padding: 15px 0
}

.my-invitation-box .item-box .count-box[data-v-2d30a5d2] {
  width: 100%;
  margin-top: 3px;
  font-size: 14px;
  color: #999
}

.rule-title[data-v-2d30a5d2] {
  font-size: 20px;
  color: #ee3b37;
  margin-top: 10px;
  font-weight: 500
}

.rule[data-v-2d30a5d2] {
  width: 305px;
  margin-top: 30px
}

.rule b[data-v-2d30a5d2] {
  font-size: 12px;
  color: #666;
  margin-bottom: 3px
}

.rule .desc[data-v-2d30a5d2] {
  font-size: 11px;
  color: #666;
  line-height: 18px
}

.item-box[data-v-2d30a5d2]::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.item-box[data-v-2d30a5d2]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px transparent;
  background: transparent
}

.item-box[data-v-2d30a5d2]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px transparent;
  border-radius: 0;
  background: transparent
}

.layout[data-v-36eb8e8a] {
  min-height: 100vh;
  background: url(/extension/img/m_bg.cad5822.png) no-repeat;
  width: 100vw;
  background-size: cover
}

.title[data-v-36eb8e8a] {
  background: url(/extension/img/m_title.8b6f0f6.png) no-repeat;
  width: 312px;
  height: 48px;
  background-size: contain;
  margin-top: 40px
}

.invitation-code-box[data-v-36eb8e8a] {
  background: url(/extension/img/m_bg0.2436445.png) no-repeat;
  width: 345px;
  height: 366px;
  background-size: contain;
  margin-top: 30px
}

.invitation-code-box .text-box[data-v-36eb8e8a] {
  font-family: SourceHanSansCN-Medium\,SourceHanSansCN;
  font-weight: 500;
  color: #fff;
  margin-top: 40px
}

.invitation-code-box .text[data-v-36eb8e8a] {
  color: #dab176;
  background: linear-gradient(115deg,#e3cba9,#f7d6a8 51%,#cc9f5f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.invitation-code-box .tag[data-v-36eb8e8a] {
  background: url() no-repeat;
  width: 81px;
  height: 17px;
  background-size: contain;
  margin-left: 7px
}

.invitation-code[data-v-36eb8e8a] {
  color: #666;
  background-color: #f5f5f7;
  font-size: 14px;
  border-radius: 5px;
  width: 305px;
  height: 44px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px;
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 38px;
  font-family: PingFangSC-Medium\,PingFang SC
}

.invitation-code .code[data-v-36eb8e8a] {
  margin-left: 8px;
  border-left: 1px solid #eee;
  height: 23px;
  padding-left: 8px;
  color: #333;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.btn-invitation[data-v-36eb8e8a] {
  background: url(/extension/img/m_btn_copy.b3d8d3b.png) no-repeat;
  width: 345px;
  height: 92px;
  background-size: contain;
  margin-top: 5px
}

.my-invitation-box[data-v-36eb8e8a] {
  background: url(/extension/img/m_bg1.1f24035.png) no-repeat;
  height: 428px;
  background-size: contain;
  margin-top: 27px;
  margin-bottom: 27px;
  font-family: PingFangSC-Medium\,PingFang SC
}

.my-invitation-box[data-v-36eb8e8a], .rule-box[data-v-36eb8e8a] {
  width: 345px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.rule-box[data-v-36eb8e8a] {
  background: url(/extension/img/m_bg2.e26262e.png) no-repeat;
  height: 266px;
  background-size: contain;
  margin-top: 26px
}

.btn-invitation-now[data-v-36eb8e8a] {
  background: url(/extension/img/m_btn_invitation.44828a6.png) no-repeat;
  width: 375px;
  height: 104px;
  background-size: contain;
  margin-top: 13px
}

.my-invitation-title[data-v-36eb8e8a] {
  font-size: 20px;
  color: #653523;
  margin-top: 8px;
  font-weight: 500
}

.my-invitation-box .item-box[data-v-36eb8e8a] {
  width: 286px;
  margin-top: 24px;
  height: 240px;
  overflow-y: scroll
}

.my-invitation-box .item-box .item[data-v-36eb8e8a] {
  min-height: 74px
}

.my-invitation-box .head-box[data-v-36eb8e8a] {
  width: 45px;
  height: 45px;
  border-radius: 45px;
  overflow: hidden
}

.my-invitation-box .head[data-v-36eb8e8a] {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
  object-fit: cover
}

.my-invitation-box .info-box[data-v-36eb8e8a] {
  width: 340px;
  font-size: 16px;
  color: #333;
  margin-top: 32px
}

.my-invitation-box .info-l[data-v-36eb8e8a], .my-invitation-box .info-r[data-v-36eb8e8a] {
  width: 50%
}

.my-invitation-box .info-box .info[data-v-36eb8e8a] {
  font-size: 14px;
  color: #653523;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
  width: 100%
}

.my-invitation-box .info-box .info b[data-v-36eb8e8a] {
  font-size: 32px;
  color: #653523;
  font-weight: 500;
  padding-left: 16px
}

.my-invitation-box .info-l .info[data-v-36eb8e8a] {
  border-right: 1px solid #b28217
}

.my-invitation-box .info-box .lbl[data-v-36eb8e8a] {
  position: relative;
  top: 6.5px;
  margin-left: 1px
}

.my-invitation-box .item[data-v-36eb8e8a] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.my-invitation-box .nickname-box[data-v-36eb8e8a] {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #e2b24a;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 15px;
  font-size: 16px;
  color: #7e5408;
  padding: 15px 0
}

.my-invitation-box .item-box .count-box[data-v-36eb8e8a] {
  width: 100%;
  margin-top: 3px;
  font-size: 14px;
  color: #b28217
}

.rule-title[data-v-36eb8e8a] {
  font-size: 20px;
  color: #653523;
  margin-top: 8px;
  font-weight: 500
}

.rule[data-v-36eb8e8a] {
  width: 305px;
  margin-top: 28px
}

.rule b[data-v-36eb8e8a] {
  font-size: 12px;
  color: #7e5408;
  margin-bottom: 3px
}

.rule .desc[data-v-36eb8e8a] {
  font-size: 11px;
  color: #7e5408;
  line-height: 18px
}

.item-box[data-v-36eb8e8a]::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.item-box[data-v-36eb8e8a]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px transparent;
  background: transparent
}

.item-box[data-v-36eb8e8a]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px transparent;
  border-radius: 0;
  background: transparent
}

.layout[data-v-395cb77c] {
  min-height: 100vh;
  width: 100vw;
  background-repeat: no-repeat;
  background-size: cover;
}

.info-box[data-v-395cb77c] {
  width: 100%;
  padding: 15px 20px 0
}

.head-box[data-v-395cb77c] {
  width: 55px;
  height: 55px;
  border-radius: 55px;
  overflow: hidden;
  margin-right: 15px
}

.head-box .head[data-v-395cb77c] {
  width: 55px;
  height: 55px;
  -o-object-fit: cover;
  object-fit: cover
}

.nickname-box[data-v-395cb77c] {
  color: #fff;
  font-size: 18px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 28px
}

.nickname[data-v-395cb77c] {
  font-size: 20px
}

.slogan-box[data-v-395cb77c] {
  font-family: SourceHanSansCN-Heavy\,SourceHanSansCN;
  font-size: 32px;
  color: #fff;
  line-height: 45px;
  letter-spacing: 2px;
  width: 308px;
  position: absolute;
  bottom: 175px
}

.code-box[data-v-395cb77c] {
  width: 335px;
  height: 44px;
  background-color: #fff;
  border-radius: 5px;
  padding: 0 8px;
  position: absolute;
  bottom: 96px
}

.code-box .label[data-v-395cb77c] {
  font-size: 14px;
  color: #666
}

.code-box .code[data-v-395cb77c] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 24px;
  border-left: 1px solid #eee;
  padding-left: 8px;
  margin-left: 8px;
  color: #333;
  font-size: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: PingFangSC-Medium\,PingFang SC;
  font-weight: 500
}

.code-box .btn-copy[data-v-395cb77c] {
  width: 48px;
  height: 28px;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  background-color: #9676fd
}

.download-box[data-v-395cb77c] {
  background-color: #fff;
  width: 100%;
  height: 64px;
  padding: 0 15px;
  position: fixed;
  bottom: 0
}

.download-box .logo[data-v-395cb77c] {
  background: url(https://www.juyuanpark.com/img/favicon.png) no-repeat;
  width: 48px;
  height: 48px;
  background-size: contain;
  margin-right: 10px
}

.download-box .logo-text-box[data-v-395cb77c] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.download-box .logo-text[data-v-395cb77c] {
  font-size: 18px;
  color: #333;
  line-height: 25px
}

.download-box .logo-slogan[data-v-395cb77c] {
  font-size: 14px;
  color: #999;
  line-height: 20px
}

.download-box .btn-download[data-v-395cb77c] {
  width: 64px;
  height: 38px;
  font-size: 15px;
  color: #fff;
  background-color: #9676fd;
  border-radius: 5px
}

.jiaocheng-box[data-v-395cb77c] {
}

.jiaocheng-box .con-box[data-v-395cb77c] {
  position: relative;
  color: #666;
  font-size: 14px;
  line-height: 18px;
  padding: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
}

.jiaocheng-box .title[data-v-395cb77c] {
  width: 100%;
  text-align: center;
  color: #333;
  font-size: 14px;
  margin-bottom: 20px
}

.jiaocheng-box .con[data-v-395cb77c] {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.jiaocheng-box .img-jiaocheng[data-v-395cb77c] {
  width: 100%;
  margin: 5px 0
}

.jiaocheng-box .btn-download[data-v-395cb77c] {
  width: 220px;
  height: 36px;
  border-radius: 10px;
  background-color: #9676fd;
  color: #fff;
  font-size: 14px;
  margin-top: 20px
}

.jiaocheng-box .icon-close[data-v-395cb77c] {
  background: url() no-repeat;
  width: 44px;
  height: 44px;
  background-size: contain;
  position: absolute;
  bottom: -74px
}

.jiaocheng-box .con[data-v-395cb77c]::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.jiaocheng-box .con[data-v-395cb77c]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.03);
  background: rgba(0,0,0,.03)
}

.jiaocheng-box .con[data-v-395cb77c]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px transparent;
  border-radius: 0;
  background: transparent
}

.layout[data-v-61ac8924] {
  min-height: 100vh;
  width: 100vw;
  padding: 15px;
  background-color: #fff
}

.container[data-v-61ac8924] {
  font-family: PingFangSC-Medium\,PingFang SC
}

.qrcode-box[data-v-61ac8924] {
  margin: 0 5px
}

.img-qrcode[data-v-61ac8924] {
  width: 200px;
  height: 200px;
  border: 1px solid #333;
  -ms-flex-item-align: center;
  align-self: center;
  margin: 15px 0 30px
}

.qrcode-box .text[data-v-61ac8924] {
  color: #999;
  font-size: 14px
}

.wechat-box[data-v-61ac8924] {
  width: 100%;
  height: 44px;
  background-color: #f5f5f7;
  border-radius: 10px;
  padding: 0 10px;
  -ms-flex-item-align: center;
  align-self: center;
  margin: 15px 5px 0
}

.wechat-box .label[data-v-61ac8924] {
  font-size: 14px;
  color: #333;
  font-weight: 700
}

.wechat-box .wechat[data-v-61ac8924] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 15px;
  border-left: 1px solid #d0d0d0;
  padding-left: 10px;
  margin-left: 10px;
  color: #333;
  font-size: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400
}

.wechat-box .btn-copy[data-v-61ac8924] {
  width: 68px;
  height: 28px;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  background-color: #fc7aa1;
  font-weight: 400
}

.tequan-box[data-v-61ac8924] {
  margin-top: 30px;
  font-family: PingFangSC-Regular\,PingFang SC
}

.tequan-box .title[data-v-61ac8924] {
  color: #333;
  font-weight: 400;
  font-size: 16px
}

.tequan-items[data-v-61ac8924] {
  margin: 30px 5px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.tequan-item[data-v-61ac8924] {
  width: 50%;
  margin-bottom: 38px
}

.tequan-item .icon[data-v-61ac8924] {
  width: 42px;
  height: 42px
}

.icon-tequan-item[data-v-61ac8924] {
  margin-right: 10px
}

.tequan-tit-box[data-v-61ac8924] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.tequan-tit[data-v-61ac8924] {
  color: #333;
  font-size: 16px;
  font-weight: 400
}

.tequan-subtit[data-v-61ac8924] {
  color: #999;
  font-size: 12px;
  font-weight: 400
}

.btn-box[data-v-61ac8924] {
  position: fixed;
  bottom: 15px;
  width: 100%;
  left: 0;
  padding: 0 15px
}

.btn-box .btn[data-v-61ac8924] {
  height: 44px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500
}

.btn-box .icon-refresh[data-v-61ac8924] {
  width: 24px;
  height: 24px;
  background: url() no-repeat;
  background-size: contain;
  margin-right: 5px
}

.btn-save[data-v-61ac8924] {
  background-color: #fc7aa1;
  color: #fff;
  margin-right: 15px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.btn-refresh[data-v-61ac8924] {
  background-color: #f5f5f7;
  color: #999;
  width: 152px
}

.layout[data-v-2bdcd415] {
  min-height: 100vh;
  width: 100vw;
  padding: 15px;
  background-color: #fff
}

.container[data-v-2bdcd415] {
  font-family: PingFangSC-Medium\,PingFang SC
}

.show[data-v-2bdcd415] {
  width: 100%;
  height: 50px;
  font-size: 30px;
  background-color: orange;
  color: #fff;
  margin-top: 20px
}

.slide-fade-enter-active[data-v-2bdcd415] {
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.slide-fade-leave-active[data-v-2bdcd415] {
  -webkit-transition: all .15s linear;
  transition: all .15s linear
}

.slide-fade-enter[data-v-2bdcd415], .slide-fade-leave-to[data-v-2bdcd415] {
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
  opacity: 0
}

.myfade-enter-active[data-v-2bdcd415] {
  opacity: 1
}

.myfade-enter[data-v-2bdcd415], .myfade-leave-to[data-v-2bdcd415] {
  opacity: 0
}

.myslide-enter-active[data-v-2bdcd415] {
  -webkit-animation: bounce-in-data-v-2bdcd415 .5s;
  animation: bounce-in-data-v-2bdcd415 .5s
}

@-webkit-keyframes bounce-in-data-v-2bdcd415 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes bounce-in-data-v-2bdcd415 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.content[data-v-e228ef1a] {
  padding: 15px 0;
  font-family: PingFangSC-Regular\,PingFang SC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  min-height: 100vh
}

.img-wallet[data-v-e228ef1a] {
  width: 345px;
  height: 195px;
  background: url(/extension/img/bg-wallet.2f52e5e.png) no-repeat;
  position: relative;
  color: #fff;
  font-size: 12px;
  margin: 0 auto
}

.img-wallet .top-box[data-v-e228ef1a] {
  position: absolute;
  top: 20px;
  left: 20px;
  font-weight: 400
}

.img-wallet .middle-box[data-v-e228ef1a] {
  position: absolute;
  top: 68px;
  left: 20px;
  font-size: 14px;
  font-weight: 600;
  font-family: PingFangSC-Semibold\,PingFang SC
}

.img-wallet .middle-box b[data-v-e228ef1a] {
  font-size: 42px;
  margin-right: 5px
}

.img-wallet .bottom-box[data-v-e228ef1a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 20px;
  bottom: 24px;
  width: 305px
}

.img-wallet .bottom-box hr[data-v-e228ef1a] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 10px;
  border: none;
  border-bottom: 1px solid hsla(0,0%,100%,.5)
}

.img-wallet .bottom-box .tixan-money[data-v-e228ef1a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.img-wallet .bottom-box .tixan-money b[data-v-e228ef1a] {
  font-size: 18px;
  font-weight: 500;
  margin-right: 5px
}

.feedback-text[data-v-e228ef1a] {
  width: 100%;
  padding: 0 15px;
  border-bottom: 1px solid #f5f5f7;
  line-height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  color: #999
}

.feedback-text .icon-question[data-v-e228ef1a] {
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  color: #fff;
  border-radius: 12px;
  background-color: #d0d0d0;
  font-size: 10px;
  margin-right: 5px
}

.feedback-text .btn-feedback[data-v-e228ef1a] {
  color: #fc7aa1
}

.tip-box[data-v-e228ef1a] {
  font-size: 12px;
  color: #999;
  line-height: 19px;
  padding: 14px 15px 14px 20px;
  font-weight: 400px
}

.tip-box .tip-danger[data-v-e228ef1a] {
  color: #ff3b30;
  margin-top: 8px
}

.btn-box[data-v-e228ef1a] {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  padding: 10px 15px 15px
}

.zw-btn-box[data-v-e228ef1a] {
  width: 100%;
  height: 54px;
  padding-bottom: 20px
}

.btn-box .btn-tixian[data-v-e228ef1a] {
  width: 100%;
  height: 44px;
  background-color: #fc7aa1;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  text-align: center;
  line-height: 44px
}

.dialog-box[data-v-e228ef1a] {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.7)
}

.dialog-box .dialog-con[data-v-e228ef1a] {
  width: 315px;
  height: 356px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -157.5px;
  margin-top: -178px
}

.dialog-box .dialog-con .con[data-v-e228ef1a] {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  height: 282px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.dialog-box .dialog-con .title[data-v-e228ef1a] {
  color: #333;
  font-size: 14px;
  margin-top: 30px;
  font-weight: 400;
  width: 255px;
  text-align: center;
  line-height: 20px
}

.dialog-box .dialog-con .ipt-box[data-v-e228ef1a] {
  width: 255px;
  height: 44px;
  border: 1px solid #d0d0d0;
  border-radius: 10px
}

.dialog-box .dialog-con .ipt-box input[data-v-e228ef1a] {
  width: 100%;
  height: 100%;
  border: none;
  text-indent: 14px
}

.dialog-box .dialog-con .btn-ok[data-v-e228ef1a] {
  width: 255px;
  height: 44px;
  border-radius: 10px;
  background-color: #fc7aa1;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 44px;
  margin-top: 30px
}

.dialog-box .close[data-v-e228ef1a] {
  background: url();
  width: 44px;
  height: 44px;
  margin: 30px auto auto;
  background-size: contain
}

.dialog-con.no-auth[data-v-e228ef1a] {
  height: 238px;
  margin-top: -119px
}

.dialog-con.no-auth .con[data-v-e228ef1a] {
  height: 164px
}

.dialog-con.no-token[data-v-e228ef1a] {
  height: 164px;
  margin-top: -82px
}

.dialog-con.no-token .con[data-v-e228ef1a] {
  height: 164px
}

.dialog-con.copy-wx[data-v-e228ef1a] {
  height: 270px;
  margin-top: -172px
}

.dialog-con.copy-wx .con[data-v-e228ef1a] {
  height: 270px
}

.dialog-con.copy-wx .con .title[data-v-e228ef1a] {
  font-weight: 500
}

.dialog-con.copy-wx .con .logo-80[data-v-e228ef1a] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-top: 10px
}

.dialog-con.copy-wx .con .ipt-wx-box[data-v-e228ef1a] {
  width: 255px;
  height: 44px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #d0d0d0;
  margin-top: 20px;
  padding: 0 10px
}

.dialog-con.copy-wx .con .ipt-wx-box .label[data-v-e228ef1a] {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  padding-right: 10px
}

.dialog-con.copy-wx .con .ipt-wx-box .wx-val[data-v-e228ef1a] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
  border-left: 1px solid #d0d0d0;
  font-weight: 400;
  font-size: 13px
}

.dialog-con.copy-wx .con .ipt-wx-box .btn-copy[data-v-e228ef1a] {
  width: 60px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fc7aa1;
  border-radius: 5px;
  color: #fff;
  font-weight: 400;
  font-size: 12px
}

.dialog-con.copy-wx .con .ipt-wx-box .btn-copy.btn-copy-success[data-v-e228ef1a] {
  background: #d0d0d0
}

.dialog-con.copy-wx .con .tip[data-v-e228ef1a] {
  color: #999;
  margin-top: 20px;
  font-size: 12px
}

*, :after, :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0
}

body, html {
  height: 100%
}

body {
  background-color: #f5f5f5;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  font-family: arial,sans-serif
}

blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, iframe, img, input, legend, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0
}

article, aside, audio, details, figcaption, figure, footer, header, mark, menu, nav, section, summary, time, video {
  display: block;
  margin: 0;
  padding: 0
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%
}

fieldset, img {
  border: 0
}

address, caption, cite, dfn, em, i, th, var {
  font-style: normal;
  font-weight: 400
}

ol, ul {
  list-style: none
}

a {
  color: inherit
}

a, a:hover {
  text-decoration: none
}

a, button, input, label, select {
  -webkit-tap-highlight-color: transparent
}

button, input, select {
  font: 100% tahoma,\5b8b\4f53,arial;
  vertical-align: baseline;
  border-radius: 0;
  background-color: transparent
}

select {
  -webkit-appearance: none;
  -moz-appearance: none
}

button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
  border: none
}

input[type=checkbox], input[type=radio] {
  vertical-align: middle
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  margin: 0
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}

textarea {
  outline: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow: auto;
  resize: none;
  font: 100% tahoma,\5b8b\4f53,arial
}

@font-face {
  font-family: YDUI-INLAY;
  src: url(data:application/x-font-ttf;base64,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) format("truetype")
}

.g-fix-ios-overflow-scrolling-bug {
  -webkit-overflow-scrolling: auto !important
}

.g-fix-ios-prevent-scroll {
  overflow: hidden !important;
  position: fixed;
  width: 100%
}
/*! vue-ydui v1.2.6 by YDCSS (c) 2018 Licensed MIT */

@-webkit-keyframes yd-kf-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }

  50% {
    opacity: 1
  }
}

@keyframes yd-kf-zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }

  50% {
    opacity: 1
  }
}

@-webkit-keyframes yd-kf-down-in {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-50px,0)
  }

  50% {
    opacity: .5
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes yd-kf-down-in {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-50px,0)
  }

  50% {
    opacity: .5
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-webkit-keyframes yd-kf-up-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  50% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-50px,0)
  }
}

@keyframes yd-kf-up-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  50% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-50px,0)
  }
}

@-webkit-keyframes yd-kf-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes yd-kf-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.yd-dialog-black-mask {
  background-color: rgba(0,0,0,.5)
}

.yd-dialog-black-mask, .yd-dialog-white-mask {
  position: fixed;
  z-index: 2000;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-dialog-white-mask {
  background-color: transparent
}

.yd-confirm {
  width: 85%;
  background-color: #fafafa;
  border-radius: 2px;
  font-size: 15px;
  -webkit-animation: yd-kf-zoom-in .15s ease forwards;
  animation: yd-kf-zoom-in .15s ease forwards
}

.yd-confirm-hd {
  text-align: left;
  padding: 15px 20px 5px
}

.yd-confirm-title {
  font-weight: 400;
  color: #444;
  word-break: break-all
}

.yd-confirm-bd {
  text-align: left;
  padding: 0 20px;
  font-size: 14px;
  color: #888;
  line-height: 20px;
  word-break: break-all
}

.yd-confirm-ft {
  position: relative;
  line-height: 40px;
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.yd-confirm-ft:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#e4e4e4),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#e4e4e4 50%,transparent 0)
}

.yd-confirm-ft > a {
  position: relative;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 2px
}

.yd-confirm-ft > a:not(:last-child):after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#e4e4e4),color-stop(0,transparent));
  background-image: linear-gradient(90deg,#e4e4e4 50%,transparent 0)
}

.yd-confirm-ft > a.default {
  color: #353535
}

.yd-confirm-ft > a.primary {
  color: #0bb20c
}

.yd-alert {
  -webkit-animation: yd-kf-zoom-in .15s ease forwards;
  animation: yd-kf-zoom-in .15s ease forwards
}

.yd-alert .yd-confirm-bd {
  text-align: center;
  padding: 20px 20px 0
}

.yd-alert .yd-confirm-ft {
  margin-top: 14px
}

.yd-toast {
  min-width: 124px;
  max-width: 80%;
  padding-top: 27px;
  background: rgba(40,40,40,.85);
  text-align: center;
  border-radius: 3px;
  color: #fff;
  -webkit-animation: yd-kf-zoom-in .06s ease forwards;
  animation: yd-kf-zoom-in .06s ease forwards
}

.yd-toast-none-icon {
  padding-top: 10px;
  border-radius: 3px
}

.yd-toast-none-icon .yd-toast-content {
  padding: 0 36px 10px
}

.yd-toast-content {
  font-size: 14px;
  padding: 0 15px 22px;
  line-height: 22px;
  word-break: break-all
}

.yd-toast-error-icon, .yd-toast-success-icon {
  display: block;
  margin-bottom: 6px
}

.yd-toast-error-icon:after, .yd-toast-success-icon:after {
  display: inline-block;
  content: ""
}

.yd-toast-success-icon:after {
  width: 38px;
  height: 38px;
  background: url("") no-repeat;
  background-size: 38px 38px
}

.yd-toast-error-icon:after {
  width: 35px;
  height: 35px;
  background: url("") no-repeat;
  background-size: 35px 35px
}

.yd-notify {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  background-color: rgba(40,40,40,.85);
  line-height: .28rem;
  font-size: .26rem;
  color: #fff;
  padding: .4rem .24rem .3rem;
  opacity: 0;
  -webkit-animation: yd-kf-down-in .2s linear forwards;
  animation: yd-kf-down-in .2s linear forwards;
  word-break: break-all;
  text-align: center;
  z-index: 2000
}

.yd-notify-out {
  -webkit-animation: yd-kf-up-out .15s linear forwards;
  animation: yd-kf-up-out .15s linear forwards
}

.yd-loading {
  border-radius: 3px;
  color: #fff;
  background-color: rgba(40,40,40,.85);
  -webkit-animation: yd-kf-zoom-in .1s ease forwards;
  animation: yd-kf-zoom-in .1s ease forwards;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 23px 0 24px;
  height: 48px
}

.yd-loading-icon {
  width: 28px;
  height: 28px;
  background: url("") no-repeat;
  background-size: 28px 28px;
  -webkit-animation: yd-kf-rotate .45s linear infinite forwards;
  animation: yd-kf-rotate .45s linear infinite forwards;
  margin-right: 10px
}

.yd-loading-txt {
  font-size: 15px;
  color: #fff;
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

@media screen and (min-width:768px) {
  .yd-confirm {
    width: 40%
  }
}

.yd-view {
  margin: 0 auto;
  max-width: 750px;
  min-width: 300px
}

.yd-view:before {
  height: .9rem
}

.yd-view:after, .yd-view:before {
  content: "";
  display: block;
  width: 100%
}

.yd-view:after {
  height: 1.5rem
}

.yd-flexview {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  max-width: 100vw;
  min-width: auto
}

.yd-scrollview {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  margin-bottom: -1px
}

.yd-scrollview:after {
  content: "";
  display: block;
  width: 100%
}

.ios .yd-scrollview {
  margin-top: 1px
}

.hairline .yd-scrollview {
  margin-top: .5px
}

@-webkit-keyframes yd-kf-rolling {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes yd-kf-rolling {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.yd-button {
  padding: 0 .24rem
}

.yd-btn {
  text-align: center;
  position: relative;
  border: none;
  pointer-events: auto;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  height: .6rem;
  font-size: .24rem;
  display: inline-block;
  padding: 0 .2rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 2px;
  white-space: nowrap
}

.yd-btn-loading {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}

.yd-btn-block {
  border: none;
  width: 100%;
  display: block;
  font-size: .3rem;
  height: .9rem;
  margin-top: .5rem;
  border-radius: 3px
}

.yd-btn-block, .yd-btn-mini {
  text-align: center;
  position: relative;
  pointer-events: auto;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.yd-btn-mini {
  border: none;
  font-size: 10px;
  border-radius: 2px;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 .2rem;
  height: .44rem
}

.yd-btn-primary {
  color: #fff
}

.yd-btn-primary:not(.yd-btn-loading) {
  background-color: #04be02
}

.yd-btn-primary:not(.yd-btn-loading):active {
  background-color: #04ab02
}

.yd-btn-danger {
  color: #fff
}

.yd-btn-danger:not(.yd-btn-loading) {
  background-color: #ef4f4f
}

.yd-btn-danger:not(.yd-btn-loading):active {
  background-color: #d74747
}

.yd-btn-warning {
  color: #fff
}

.yd-btn-warning:not(.yd-btn-loading) {
  background-color: #ffb400
}

.yd-btn-warning:not(.yd-btn-loading):active {
  background-color: #e6a200
}

.yd-btn-disabled {
  background-color: #ccc;
  color: #f0f0f0;
  pointer-events: none
}

.yd-btn-disabled:active {
  background-color: #b8b8b8
}

.yd-btn-hollow {
  color: #454545;
  border: 1px solid #eaeaea
}

.yd-btn-hollow:not(.yd-btn-loading) {
  background-color: #fff
}

.yd-btn-hollow:not(.yd-btn-loading):active {
  background-color: #f7f7f7
}

.yd-btn-hollow.yd-btn-mini {
  border: none
}

.yd-btn-hollow.yd-btn-mini:after {
  position: absolute;
  z-index: 2;
  top: -50%;
  left: -50%;
  content: "";
  width: 200%;
  height: 200%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  border: 1px solid #ccc;
  border-radius: 4px
}

.yd-btn-hollow .yd-btn-rolling > i, .yd-btn-hollow .yd-btn-rolling > i:after {
  border: 1px solid #ccc;
  border-top-color: transparent
}

.yd-btn-circle {
  border-radius: 200px
}

.yd-btn-angle {
  border-radius: 0
}

.yd-btn-angle.yd-btn-hollow.yd-btn-mini:after {
  border-radius: 0 !important
}

.yd-btn-rolling {
  position: relative
}

.yd-btn-rolling-mini {
  width: 10px;
  height: 10px
}

.yd-btn-rolling-mini > i {
  margin-left: -5px;
  margin-top: -5px
}

.yd-btn-rolling-small {
  width: 12px;
  height: 12px
}

.yd-btn-rolling-small > i {
  margin-left: -6px;
  margin-top: -6px
}

.yd-btn-rolling-large {
  width: 18px;
  height: 18px
}

.yd-btn-rolling-large > i {
  margin-left: -9px;
  margin-top: -9px
}

.yd-btn-rolling > i, .yd-btn-rolling > i:after {
  width: inherit;
  height: inherit;
  position: absolute;
  border: 1px solid #fff;
  border-top-color: transparent;
  border-radius: 50%
}

.yd-btn-rolling > i {
  top: 50%;
  left: 50%;
  -webkit-animation: yd-kf-rolling .5s linear infinite;
  animation: yd-kf-rolling .5s linear infinite
}

.yd-btn-rolling > i:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.hairline .yd-btn-block:not(.hairline .yd-btn-mini) {
  border: .5px solid #dedede
}

.yd-navbar {
  height: .9rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 5
}

.yd-navbar:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,currentColor),color-stop(0,transparent));
  background-image: linear-gradient(0deg,currentColor 50%,transparent 0)
}

.yd-navbar-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100
}

.yd-navbar-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding: 0 .2rem;
  font-size: .26rem;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit
}

.yd-navbar-item:first-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-right: -25%
}

.yd-navbar-item:last-child {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

.yd-navbar-item:last-child, .yd-navbar-item:last-child > a {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.yd-navbar-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: .9rem;
  min-width: 25%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.yd-navbar-center-box {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  height: .9rem;
  width: 50%;
  margin-left: 25%
}

.yd-navbar-center {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: inherit
}

.yd-navbar-center-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.yd-navbar-center img {
  height: 60%
}

.yd-back-icon:before, .yd-next-icon:before {
  display: inline-block;
  font-family: YDUI-INLAY;
  font-size: .3rem;
  color: inherit;
  vertical-align: middle;
  margin-top: -.05rem
}

.yd-back-icon:before {
  content: "\E607"
}

.yd-next-icon:before {
  content: "\E608"
}

.yd-cell-box {
  margin-bottom: .2rem
}

.yd-cell {
  position: relative;
  z-index: 5;
  background-color: #fff
}

.yd-cell:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#e4e4e4),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#e4e4e4 50%,transparent 0)
}

.yd-cell a.yd-cell-item, .yd-cell label.yd-cell-item {
  background-color: #fff
}

.yd-cell a.yd-cell-item:active, .yd-cell label.yd-cell-item:active {
  background-color: #f5f5f5
}

.yd-cell-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: .24rem;
  overflow: hidden
}

.yd-cell-item:not(:last-child):after {
  margin-left: .24rem;
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-cell-left {
  color: #555;
  font-size: .28rem;
  white-space: nowrap;
  -ms-flex-align: center
}

.yd-cell-left, .yd-cell-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-cell-right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  min-height: 1rem;
  color: #525252;
  text-align: right;
  font-size: .26rem;
  padding-right: .24rem;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.yd-cell-right input[type=date], .yd-cell-right input[type=datetime-local], .yd-cell-right input[type=time] {
  line-height: 1rem
}

.yd-cell-right input[type=checkbox]:not(.yd-switch), .yd-cell-right input[type=radio] {
  position: absolute;
  left: -9999em
}

.yd-cell-right input[type=checkbox]:not(.yd-switch) + .yd-cell-checkbox-icon:after, .yd-cell-right input[type=checkbox]:not(.yd-switch) + .yd-cell-radio-icon:after, .yd-cell-right input[type=radio] + .yd-cell-checkbox-icon:after, .yd-cell-right input[type=radio] + .yd-cell-radio-icon:after {
  font-family: YDUI-INLAY;
  font-size: .42rem
}

.yd-cell-right input[type=checkbox]:not(.yd-switch) + .yd-cell-radio-icon:after, .yd-cell-right input[type=radio] + .yd-cell-radio-icon:after {
  content: "\E600";
  color: #4cd864;
  display: none
}

.yd-cell-right input[type=checkbox]:not(.yd-switch) + .yd-cell-checkbox-icon:after, .yd-cell-right input[type=radio] + .yd-cell-checkbox-icon:after {
  content: "\E604";
  color: #d9d9d9
}

.yd-cell-right input[type=checkbox]:not(.yd-switch):checked + .yd-cell-radio-icon:after, .yd-cell-right input[type=radio]:checked + .yd-cell-radio-icon:after {
  display: inline-block
}

.yd-cell-right input[type=checkbox]:not(.yd-switch):checked + .yd-cell-checkbox-icon:after, .yd-cell-right input[type=radio]:checked + .yd-cell-checkbox-icon:after {
  color: #4cd864;
  content: "\E601"
}

.yd-cell-right:active {
  background: none
}

.yd-cell-right .yd-input-clear, .yd-cell-right .yd-input-password {
  height: 1rem
}

.yd-cell-right .yd-datetime-input, .yd-cell-right input[type=date], .yd-cell-right input[type=datetime-local], .yd-cell-right input[type=email], .yd-cell-right input[type=number]:not(.yd-spinner-input), .yd-cell-right input[type=password], .yd-cell-right input[type=tel], .yd-cell-right input[type=text], .yd-cell-right input[type=time], .yd-cell-right input[type=url] {
  width: 1%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1rem;
  border: none;
  font-size: .28rem;
  background: transparent;
  color: #555;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left
}

.yd-cell-right select {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1rem;
  border: none;
  display: block;
  color: #a9a9a9;
  font-size: .28rem;
  margin-left: -.08rem
}

.yd-cell-icon {
  display: block;
  margin-right: .1rem
}

.yd-cell-icon img {
  height: .3rem;
  vertical-align: middle
}

.yd-cell-arrow:after {
  margin-left: .05rem;
  margin-right: -.08rem;
  display: block;
  font-family: YDUI-INLAY;
  font-size: .28rem;
  color: #c9c9c9;
  content: "\E608"
}

.yd-cell-title {
  padding: .05rem .24rem .1rem;
  font-size: .28rem;
  text-align: left;
  color: #888;
  position: relative;
  z-index: 1
}

.yd-cell-title:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#e4e4e4),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#e4e4e4 50%,transparent 0)
}

.yd-switch {
  position: relative;
  z-index: 10;
  display: block;
  width: 48px;
  height: 27px;
  left: 0;
  border: 1px solid #dfdfdf;
  border-radius: 16px;
  -webkit-appearance: none
}

.yd-switch:after, .yd-switch:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  border-radius: 15px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}

.yd-switch:before {
  width: 46px;
  background-color: #fdfdfd
}

.yd-switch:after {
  width: 25px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
  box-shadow: 0 1px 3px rgba(0,0,0,.4)
}

.yd-switch:checked {
  border-color: currentColor;
  background-color: currentColor
}

.yd-switch:checked:before {
  -webkit-transform: scale(0);
  transform: scale(0)
}

.yd-switch:checked:after {
  -webkit-transform: translateX(21px);
  transform: translateX(21px)
}

.yd-switch-small {
  width: 42px;
  height: 22px
}

.yd-switch-small:after, .yd-switch-small:before {
  height: 20px
}

.yd-switch-small:before {
  width: 40px
}

.yd-switch-small:after {
  width: 20px
}

.yd-switch-small:checked:after {
  -webkit-transform: translateX(20px);
  transform: translateX(20px)
}

.yd-switch-large {
  width: 52px;
  height: 32px
}

.yd-switch-large:after, .yd-switch-large:before {
  height: 30px
}

.yd-switch-large:before {
  width: 50px
}

.yd-switch-large:after {
  width: 30px
}

.yd-switch-large:checked:after {
  -webkit-transform: translateX(20px);
  transform: translateX(20px)
}

.yd-switch[disabled] {
  opacity: .5
}

.yd-grids-2 {
  overflow: hidden;
  position: relative;
  background-color: #fff
}

.yd-grids-2:before {
  height: 1px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#e4e4e4),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#e4e4e4 50%,transparent 0)
}

.yd-grids-2 .yd-grids-item {
  width: 50%
}

.yd-grids-2 .yd-grids-item:not(:nth-child(2n)):before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(90deg,#ececec 50%,transparent 0)
}

.yd-grids-3 {
  overflow: hidden;
  position: relative;
  background-color: #fff
}

.yd-grids-3:before {
  height: 1px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#e4e4e4),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#e4e4e4 50%,transparent 0)
}

.yd-grids-3 .yd-grids-item {
  width: 33.333333%
}

.yd-grids-3 .yd-grids-item:not(:nth-child(3n)):before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(90deg,#ececec 50%,transparent 0)
}

.yd-grids-4 {
  overflow: hidden;
  position: relative;
  background-color: #fff
}

.yd-grids-4:before {
  height: 1px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#e4e4e4),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#e4e4e4 50%,transparent 0)
}

.yd-grids-4 .yd-grids-item {
  width: 25%
}

.yd-grids-4 .yd-grids-item:not(:nth-child(4n)):before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(90deg,#ececec 50%,transparent 0)
}

.yd-grids-5 {
  overflow: hidden;
  position: relative;
  background-color: #fff
}

.yd-grids-5:before {
  height: 1px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#e4e4e4),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#e4e4e4 50%,transparent 0)
}

.yd-grids-5 .yd-grids-item {
  width: 20%
}

.yd-grids-5 .yd-grids-item:not(:nth-child(5n)):before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(90deg,#ececec 50%,transparent 0)
}

.yd-grids-item {
  width: 25%;
  float: left;
  position: relative;
  z-index: 0;
  padding: .35rem 0;
  font-size: .28rem
}

.yd-grids-item-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-grids-item:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-grids-icon {
  height: .68rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-grids-icon :after, .yd-grids-icon :before {
  font-size: .54rem
}

.yd-grids-icon img {
  height: 70%
}

.yd-grids-txt {
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  color: #333;
  padding: 0 .2rem
}

.yd-gridstitle {
  padding: .35rem .24rem .1rem;
  font-size: .28rem;
  text-align: left;
  color: #888;
  position: relative;
  z-index: 1;
  background-color: #f5f5f5
}

.yd-gridstitle:after {
  height: 1px;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

@font-face {
  font-family: YDUI-ICONS;
  src: url(//at.alicdn.com/t/font_1461139240_0312312.ttf) format("truetype")
}

[class*=" yd-icon-"]:before, [class^=yd-icon-]:before {
  font-family: YDUI-ICONS;
  font-size: inherit;
  display: inline-block
}

[class*=" icon-custom-"]:before, [class^=icon-custom-]:before {
  font-size: inherit;
  display: inline-block
}

.yd-icon-footmark:before {
  content: "\E636"
}

.yd-icon-discount:before {
  content: "\E633"
}

.yd-icon-verifycode:before {
  content: "\E632"
}

.yd-icon-star-outline:before {
  content: "\E630"
}

.yd-icon-star:before {
  content: "\E631"
}

.yd-icon-weibo:before {
  content: "\E62F"
}

.yd-icon-download:before {
  content: "\E62E"
}

.yd-icon-next:before {
  content: "\E62D"
}

.yd-icon-home-outline:before {
  content: "\E62C"
}

.yd-icon-home:before {
  content: "\E63D"
}

.yd-icon-weixin:before {
  content: "\E629"
}

.yd-icon-refresh:before {
  content: "\E628"
}

.yd-icon-tencent-weibo:before {
  content: "\E627"
}

.yd-icon-search:before {
  content: "\E626"
}

.yd-icon-time:before {
  content: "\E625"
}

.yd-icon-prev:before {
  content: "\E624"
}

.yd-icon-like-outline:before {
  content: "\E639"
}

.yd-icon-like:before {
  content: "\E63A"
}

.yd-icon-setting:before {
  content: "\E623"
}

.yd-icon-delete:before {
  content: "\E622"
}

.yd-icon-sortlist:before {
  content: "\E621"
}

.yd-icon-sortlarger:before {
  content: "\E620"
}

.yd-icon-sortlargest:before {
  content: "\E61F"
}

.yd-icon-qq:before {
  content: "\E62A"
}

.yd-icon-more:before {
  content: "\E618"
}

.yd-icon-shopcart-outline:before {
  content: "\E61A"
}

.yd-icon-shopcart:before {
  content: "\E619"
}

.yd-icon-checkoff:before {
  content: "\E617"
}

.yd-icon-bad:before {
  content: "\E61C"
}

.yd-icon-video:before {
  content: "\E61D"
}

.yd-icon-clock:before {
  content: "\E61E"
}

.yd-icon-ucenter-outline:before {
  content: "\E616"
}

.yd-icon-ucenter:before {
  content: "\E615"
}

.yd-icon-warn-outline:before {
  content: "\E613"
}

.yd-icon-warn:before {
  content: "\E614"
}

.yd-icon-share1:before {
  content: "\E610"
}

.yd-icon-share2:before {
  content: "\E60E"
}

.yd-icon-share3:before {
  content: "\E60D"
}

.yd-icon-feedback:before {
  content: "\E60F"
}

.yd-icon-type:before {
  content: "\E60C"
}

.yd-icon-discover:before {
  content: "\E60B"
}

.yd-icon-good:before {
  content: "\E61B"
}

.yd-icon-shield-outline:before {
  content: "\E608"
}

.yd-icon-shield:before {
  content: "\E60A"
}

.yd-icon-qrscan:before {
  content: "\E609"
}

.yd-icon-location:before {
  content: "\E607"
}

.yd-icon-phone1:before {
  content: "\E606"
}

.yd-icon-phone2:before {
  content: "\E637"
}

.yd-icon-phone3:before {
  content: "\E63B"
}

.yd-icon-error-outline:before {
  content: "\E602"
}

.yd-icon-error:before {
  content: "\E603"
}

.yd-icon-play:before {
  content: "\E601"
}

.yd-icon-compose:before {
  content: "\E600"
}

.yd-icon-question:before {
  content: "\E62B"
}

.yd-icon-order:before {
  content: "\E638"
}

.yd-list {
  overflow: hidden;
  position: relative
}

.yd-list-item:active {
  background: none
}

.yd-list-img {
  height: 0;
  width: 100%;
  padding: 50% 0;
  overflow: hidden
}

.yd-list-img img {
  width: 100%;
  margin-top: -50%;
  border: none;
  display: block
}

.yd-list-img img, .yd-list-mes {
  background-color: #fff
}

.yd-list-title {
  color: #505050;
  font-size: .26rem;
  text-align: justify;
  font-weight: 800
}

.yd-list-other {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #999
}

.yd-list-theme1 {
  padding: 0 2px
}

.yd-list-theme1 .yd-list-item {
  width: 50%;
  float: left;
  padding: 0 2px;
  margin-top: 4px
}

.yd-list-theme1 .yd-list-item .yd-list-mes {
  padding: .1rem
}

.yd-list-theme1 .yd-list-item .yd-list-title {
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: justify;
  height: .36rem
}

.yd-list-theme2 .yd-list-item {
  width: 50%;
  float: left;
  padding-top: 4px
}

.yd-list-theme2 .yd-list-item:nth-child(odd) {
  padding-right: 2px
}

.yd-list-theme2 .yd-list-item:nth-child(2n) {
  padding-left: 2px
}

.yd-list-theme2 .yd-list-item .yd-list-mes {
  padding: .1rem
}

.yd-list-theme2 .yd-list-item .yd-list-title {
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: justify;
  height: .36rem
}

.yd-list-theme3 .yd-list-item {
  width: 50%;
  float: left;
  padding: .2rem;
  position: relative;
  z-index: 0;
  background-color: #fff
}

.yd-list-theme3 .yd-list-item:before {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-list-theme3 .yd-list-item:nth-child(odd):after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(90deg,#ececec 50%,transparent 0)
}

.yd-list-theme3 .yd-list-item .yd-list-mes {
  padding-top: .1rem
}

.yd-list-theme3 .yd-list-item .yd-list-title {
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: justify;
  height: .36rem
}

.yd-list-theme3 .yd-list-item:active {
  background: #fff
}

.yd-list-theme4 {
  padding: 0 7px;
  background-color: #fff
}

.yd-list-theme4 .yd-list-item {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 0 8px;
  position: relative
}

.yd-list-theme4 .yd-list-item:not(:last-child):after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-list-theme4 .yd-list-item .yd-list-img {
  width: 2rem;
  padding: 1rem 0
}

.yd-list-theme4 .yd-list-item .yd-list-mes {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 7px
}

.yd-list-theme4 .yd-list-item .yd-list-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-overflow: ellipsis;
  line-height: .38rem;
  max-height: 1.34rem
}

.yd-list-theme4 .yd-list-item .yd-list-other {
  padding-top: .1rem
}

.yd-list-theme5 {
  background-color: #fff
}

.yd-list-theme5 .yd-list-item {
  display: block;
  position: relative;
  z-index: 1;
  padding: .2rem .2rem 0
}

.yd-list-theme5 .yd-list-item:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-list-theme5 .yd-list-item .yd-list-mes {
  padding: .2rem 0 .15rem
}

.yd-list-theme5 .yd-list-item .yd-list-other {
  padding-top: .06rem
}

@media screen and (min-width:768px) {
  .yd-list-theme1 {
    padding: 0 4px
  }

  .yd-list-theme1 .yd-list-item {
    padding: 0 4px;
    margin-top: 8px
  }

  .yd-list-theme2 .yd-list-item {
    padding-top: 8px
  }

  .yd-list-theme2 .yd-list-item:nth-child(odd) {
    padding-right: 4px
  }

  .yd-list-theme2 .yd-list-item:nth-child(2n) {
    padding-left: 4px
  }

  .yd-list-theme4 {
    padding: 0 9px
  }

  .yd-list-theme4 .yd-list-item {
    padding: 9px 0 10px
  }

  .yd-list-theme4 .yd-list-item .yd-list-mes {
    padding-left: 9px
  }
}

.yd-list-loading {
  padding: .1rem 0;
  text-align: center;
  font-size: .26rem;
  color: #999;
  height: .66rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.yd-list-loading-box {
  height: .66rem;
  overflow: hidden;
  line-height: .66rem
}

.yd-list-loading img {
  height: .66rem;
  display: inline-block
}

.yd-list-loading svg {
  width: .66rem;
  height: .66rem
}

.yd-list-donetip {
  font-size: .24rem;
  text-align: center;
  padding: .25rem 0;
  color: #777
}

@-webkit-keyframes yd-kf-backrotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
  }
}

@keyframes yd-kf-backrotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
  }
}

.yd-pullrefresh-animation-timing {
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s,-webkit-transform .2s
}

.yd-pullrefresh-dragtip {
  pointer-events: none;
  position: absolute;
  top: -36px;
  left: 0;
  z-index: 996;
  -webkit-transform: translate(0);
  transform: translate(0);
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #6e6e6e;
  font-size: 14px;
  height: 36px;
  text-align: center;
  background-color: rgba(240,250,250,.9)
}

.yd-pullrefresh-dragtip, .yd-pullrefresh-dragtip-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-pullrefresh-dragtip-icon {
  height: 100%
}

.yd-pullrefresh-dragtip-icon > i {
  width: 14px;
  height: 14px;
  background: url("") no-repeat;
  display: inline-block;
  background-size: 14px 14px;
  margin-right: 6px
}

.yd-pullrefresh-dragtip-icon > i.yd-pullrefresh-loading {
  background: url("") no-repeat;
  background-size: 14px 14px;
  -webkit-animation: yd-kf-backrotate .5s linear infinite;
  animation: yd-kf-backrotate .5s linear infinite
}

.yd-pullrefresh-draghelp {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-pullrefresh-draghelp > div {
  width: 2.3rem;
  height: 2.3rem;
  background-color: rgba(0,0,0,.8)
}

.yd-pullrefresh-draghelp > div:before {
  content: "\E60D";
  font-family: YDUI-INLAY;
  font-size: .88rem;
  text-align: center;
  color: #fff;
  display: block;
  padding-top: .36rem
}

.yd-pullrefresh-draghelp > div > span {
  text-align: center;
  color: #fff;
  font-size: .28rem;
  display: block;
  padding-top: .2rem
}

.yd-badge {
  color: #fff;
  font-size: 12px;
  position: relative;
  display: inline-block;
  border-radius: 1000px;
  line-height: 1;
  padding: 3px 6px;
  white-space: nowrap;
  background-color: #d0d0d0;
  -webkit-transform-origin: center center;
  transform-origin: center center
}

.yd-badge-radius {
  border-radius: 2px
}

.yd-badge-primary {
  background-color: #04be02;
  color: #fff
}

.yd-badge-danger {
  background-color: #ef4f4f;
  color: #fff
}

.yd-badge-warning {
  background-color: #ffb400;
  color: #fff
}

.yd-badge-hollow {
  background-color: #fbfbfb;
  color: #b2b2b2
}

.yd-badge-hollow:after {
  content: "";
  width: 200%;
  height: 200%;
  border: 1px solid #b2b2b2;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1rem;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.yd-badge-radius:after {
  border-radius: 2px
}

.yd-tabbar {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-tabbar:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,currentColor),color-stop(0,transparent));
  background-image: linear-gradient(0deg,currentColor 50%,transparent 0)
}

.yd-tabbar-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100
}

.yd-tabbar-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-tabbar-active, .yd-tabbar-active .yd-tabbar-icon {
  color: inherit
}

.yd-tabbar-badge {
  top: -.1rem;
  margin-left: -.15rem
}

.yd-tabbar-badge, .yd-tabbar-dot {
  position: absolute;
  left: 100%;
  z-index: 999
}

.yd-tabbar-dot {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #ef4f4f;
  border-radius: 50%;
  border: 1px solid #fff;
  top: 0;
  margin-left: -4px
}

.yd-tabbar-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.yd-tabbar-icon img {
  height: inherit
}

.yd-tabbar-txt {
  display: inline-block;
  font-size: inherit
}

.yd-tabbar-other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-tabbar-other img {
  display: block
}

.yd-tab-box {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.yd-tab-nav-nomal .yd-tab-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.yd-tab-nav-nomal .yd-tab-nav .yd-tab-nav-item {
  width: 1%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.yd-tab-nav-scoll .yd-tab-nav .yd-tab-nav-item {
  padding: 0 20px;
  display: inline-block
}

.yd-tab-nav {
  position: relative;
  z-index: 0
}

.yd-tab-nav:after {
  height: 1px;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,currentColor),color-stop(0,transparent));
  background-image: linear-gradient(0deg,currentColor 50%,transparent 0)
}

.yd-tab-nav-item {
  text-align: center;
  height: 100%;
  display: block;
  position: relative
}

.yd-tab-nav-item-label {
  color: inherit;
  display: inline-block;
  position: relative
}

.yd-tab-nav .yd-tab-active {
  color: currentColor
}

.yd-tab-nav .yd-tab-active:before {
  content: "";
  width: 70%;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -35%;
  z-index: 4;
  background-color: currentColor
}

.yd-tab-panel {
  position: relative;
  overflow: hidden
}

.yd-tab-panel-item {
  width: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.yd-tab-panel-item.yd-tab-active {
  position: relative;
  -webkit-transition: -webkit-transform .15s;
  transition: -webkit-transform .15s;
  transition: transform .15s;
  transition: transform .15s,-webkit-transform .15s;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.yd-tab-panel-item.yd-tab-active ~ .yd-tab-panel-item {
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.yd-tab-badge {
  position: absolute;
  top: 2px;
  z-index: 9;
  line-height: 0
}

.yd-tab-dot {
  position: absolute;
  top: -10px
}

.yd-tab-dot > i {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100px
}

.yd-scrolltab {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.yd-scrolltab-nav {
  height: 100%;
  background-color: #f5f5f5;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  z-index: 1
}

.yd-scrolltab-nav:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#dfdfdf),color-stop(0,transparent));
  background-image: linear-gradient(90deg,#dfdfdf 50%,transparent 0)
}

.yd-scrolltab-item {
  padding: 0 .3rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1
}

.yd-scrolltab-item:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#dfdfdf),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#dfdfdf 50%,transparent 0)
}

.yd-scrolltab-item:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#dfdfdf),color-stop(0,transparent));
  background-image: linear-gradient(90deg,#dfdfdf 50%,transparent 0)
}

.yd-scrolltab-item:active {
  background: none
}

.yd-scrolltab-active {
  background-color: #fff
}

.yd-scrolltab-active:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(0,transparent));
  background-image: linear-gradient(90deg,#fff 50%,transparent 0)
}

.yd-scrolltab-active:active {
  background-color: #fff
}

.yd-scrolltab-icon {
  margin-right: .2rem;
  font-size: .32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.yd-scrolltab-icon > img {
  height: .4rem;
  display: inline-block
}

.yd-scrolltab-title {
  font-size: .3rem;
  color: #666;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 1.6rem
}

.yd-scrolltab-content {
  height: 100%;
  background-color: #fff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 .24rem .24rem;
  position: relative
}

.yd-scrolltab-content-title {
  font-size: .3rem;
  font-weight: 400;
  color: #555;
  display: block;
  padding-bottom: .1rem;
  padding-top: .32rem;
  margin-bottom: .2rem;
  position: relative;
  z-index: 1
}

.yd-scrolltab-content-title:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#e4e4e4),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#e4e4e4 50%,transparent 0)
}

.yd-actionsheet {
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1502;
  background-color: #efeff4;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s,-webkit-transform .2s
}

.yd-actionsheet-active {
  -webkit-transform: translate(0);
  transform: translate(0)
}

.yd-actionsheet-item {
  display: block;
  position: relative;
  font-size: .28rem;
  color: #555;
  height: 1rem;
  line-height: 1rem;
  background-color: #fff
}

.yd-actionsheet-item:after {
  height: 1px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-actionsheet-action {
  display: block;
  margin-top: .15rem;
  font-size: .28rem;
  color: #555;
  height: 1rem;
  line-height: 1rem;
  background-color: #fff
}

.yd-mask {
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  opacity: 0
}

.yd-keyboard, .yd-mask {
  position: fixed;
  bottom: 0;
  left: 0
}

.yd-keyboard {
  width: 100%;
  z-index: 1502;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s,-webkit-transform .2s;
  background-color: #f7f7f7
}

.yd-keyboard-active {
  -webkit-transform: translate(0);
  transform: translate(0)
}

.yd-keyboard-content {
  background-color: #fff;
  margin-top: .3rem;
  position: relative
}

.yd-keyboard-content:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-keyboard-title {
  overflow: hidden;
  padding: .2rem 0 .12rem;
  color: #222;
  margin-bottom: 1px;
  font-size: .24rem;
  text-align: center;
  background-color: #fff
}

.yd-keyboard-title:before {
  font-family: YDUI-INLAY;
  content: "\E60A";
  font-size: .26rem;
  color: #ff2424;
  line-height: 1;
  margin-right: .06rem
}

.yd-keyboard-numbers {
  font-size: .48rem;
  background-color: #fff
}

.yd-keyboard-numbers > li {
  width: 100%
}

.yd-keyboard-numbers > li, .yd-keyboard-numbers > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.yd-keyboard-numbers > li > a {
  width: 1%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #666;
  height: 1rem;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden
}

.yd-keyboard-numbers > li > a:not(:last-child):after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#f5f5f5),color-stop(0,transparent));
  background-image: linear-gradient(90deg,#f5f5f5 50%,transparent 0)
}

.yd-keyboard-numbers > li > a:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#f5f5f5),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#f5f5f5 50%,transparent 0);
  top: 0
}

.yd-keyboard-numbers > li:last-child > a:last-child, .yd-keyboard-numbers > li:last-child > a:nth-last-child(3) {
  background-color: #f7f7f7;
  font-size: .3rem;
  color: #686868
}

.yd-keyboard-numbers > li:last-child > a:last-child:after {
  font-family: YDUI-INLAY;
  content: "\E609";
  font-size: .6rem
}

.yd-keyboard-head {
  height: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #444;
  font-size: .3rem;
  position: relative
}

.yd-keyboard-head:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-keyboard-head > strong {
  font-weight: 400
}

.yd-keyboard-password {
  margin: 0 .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #fff
}

.yd-keyboard-password:after {
  content: "";
  width: 200%;
  height: 200%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  position: absolute;
  border: 1px solid #ececec;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border-radius: 4px
}

.yd-keyboard-password li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1rem
}

.yd-keyboard-password li:not(:last-child):after {
  content: "";
  width: 1px;
  height: 50%;
  position: absolute;
  right: 0;
  top: 25%;
  background-color: #ececec;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5)
}

.yd-keyboard-password li i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #000
}

.yd-keyboard-error {
  padding: 2px .8rem;
  color: red;
  overflow: hidden;
  height: .5rem;
  line-height: .5rem;
  font-size: .24rem;
  text-align: left
}

@-webkit-keyframes yd-kf-opacity-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes yd-kf-opacity-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.yd-slider {
  width: 100%;
  overflow: hidden;
  position: relative
}

.yd-slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  z-index: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform
}

.yd-slider-wrapper-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.yd-slider-item {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.yd-slider-item a {
  display: block
}

.yd-slider-item img {
  width: 100%;
  display: block
}

.yd-slider-pagination {
  position: absolute;
  width: 100%;
  z-index: 2;
  left: 0;
  bottom: .1rem;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  opacity: 0;
  -webkit-animation: yd-kf-opacity-in .3s linear .4s forwards;
  animation: yd-kf-opacity-in .3s linear .4s forwards
}

.yd-slider-pagination, .yd-slider-pagination-vertical {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.yd-slider-pagination-vertical {
  width: 0;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  bottom: 0;
  left: auto;
  right: .1rem
}

.yd-slider-pagination-item {
  margin: .05rem;
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%
}

.yd-slider-pagination-item-active {
  width: 14px;
  border-radius: 100px
}

.yd-spinner {
  border-radius: 1px;
  display: inline-block
}

.yd-spinner, .yd-spinner > span {
  position: relative;
  overflow: hidden
}

.yd-spinner > span {
  float: left;
  width: 25%;
  height: 100%;
  text-align: center;
  font-weight: 700;
  color: #666;
  letter-spacing: 0;
  background-color: #fafafa
}

.yd-spinner > span:active {
  background-color: #eee
}

.yd-spinner > span > i:after {
  font-family: YDUI-INLAY;
  color: #777;
  font-size: .16rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%,-40%);
  transform: translate(-45%,-40%)
}

.yd-spinner > span:last-child > i:after {
  content: "\E602"
}

.yd-spinner > span:first-child > i:after {
  content: "\E60B"
}

.yd-spinner > input {
  letter-spacing: 0;
  float: left;
  height: inherit;
  text-align: center;
  color: #666;
  border: none;
  font-size: .26rem;
  background-color: #fff
}

.yd-spinner-square:after {
  top: -1px;
  top: 0
}

.yd-spinner-square:after, .yd-spinner-square:before {
  content: "";
  position: absolute;
  z-index: 5;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-spinner-square:before {
  bottom: 0
}

.yd-spinner-square > span:last-child:after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(90deg,#ececec 50%,transparent 0)
}

.yd-spinner-square > span:first-child:before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-image: -webkit-gradient(linear,right top,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(270deg,#ececec 50%,transparent 0)
}

.yd-spinner-circle > span {
  border-radius: 100px;
  display: block;
  background-color: #f5f5f5
}

.yd-cityselect {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75%;
  background-color: #fff;
  z-index: 1502;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s,-webkit-transform .2s
}

.yd-cityselect-active {
  -webkit-transform: translate(0);
  transform: translate(0)
}

.yd-cityselect-move-animate {
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}

.yd-cityselect-next {
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.yd-cityselect-prev {
  -webkit-transform: translate(0);
  transform: translate(0)
}

.yd-cityselect-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1
}

.yd-cityselect-header:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-cityselect-title {
  width: 100%;
  font-size: .3rem;
  text-align: center;
  height: 45px;
  line-height: 45px;
  position: relative
}

.yd-cityselect-title:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-cityselect-nav {
  width: 100%;
  padding-left: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.yd-cityselect-nav > a {
  font-size: 13px;
  color: #222;
  display: block;
  height: 40px;
  line-height: 46px;
  padding: 0 8px;
  position: relative;
  margin-right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 40%
}

.yd-cityselect-nav-active {
  color: #f23030 !important
}

.yd-cityselect-nav-active:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #f23030;
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 2
}

.yd-cityselect-content {
  height: 100%;
  padding-top: 85px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.yd-cityselect-item {
  display: block;
  height: inherit;
  width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff
}

.yd-cityselect-item::-webkit-scrollbar {
  width: 0
}

.yd-cityselect-item:nth-child(2n) {
  background-color: #f5f5f5
}

.yd-cityselect-item-active {
  color: #f23030 !important
}

.yd-cityselect-item-active:after {
  display: block;
  content: "\E600";
  font-family: YDUI-INLAY
}

.yd-cityselect-item-box {
  width: 100%;
  height: inherit;
  display: block;
  padding: 0 20px
}

.yd-cityselect-item-box > a {
  color: #333;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 1
}

.yd-cityselect-item-box > a:before {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-cityselect-item-box > a:active {
  background: none
}

.yd-cityselect-item-box > a span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-overflow: ellipsis;
  line-height: 16px;
  max-height: 32.2px;
  font-size: 13px
}

.yd-cityselect-loading {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: .26rem;
  color: #999
}

.yd-cityselect-loading svg {
  width: 36px;
  height: 36px
}

.yd-progressbar {
  position: relative;
  color: #333;
  width: 100%;
  height: 100%
}

.yd-progressbar > svg {
  width: 100%
}

.yd-progressbar > svg > path {
  -webkit-transition: all 1s linear;
  transition: all 1s linear
}

.yd-progressbar-content {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: .3rem;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.yd-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-rate a:after {
  content: "\E7AD";
  font-family: YDUI-INLAY;
  font-size: inherit;
  color: inherit
}

.yd-rate a.rate-active:after {
  content: "\E7AC"
}

.yd-rate-text {
  color: #657180;
  margin-left: .1rem;
  font-size: .3rem
}

.yd-textarea {
  padding: .2rem 0;
  background-color: #fff;
  width: 100%
}

.yd-textarea > textarea {
  border: none;
  width: 100%;
  display: block;
  height: 1.5rem;
  font-size: .26rem;
  color: inherit;
  background-color: transparent
}

.yd-textarea-readonly {
  opacity: .3
}

.yd-textarea-counter {
  font-size: .28rem;
  color: #b2b2b2;
  text-align: right;
  padding-top: .06rem
}

.yd-popup {
  position: fixed;
  background-color: #fff;
  z-index: 1501;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s,-webkit-transform .2s;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.yd-popup-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.yd-popup-left {
  -webkit-transform: translate(-100%);
  transform: translate(-100%);
  left: 0;
  top: 0;
  height: 100%
}

.yd-popup-right {
  -webkit-transform: translate(100%);
  transform: translate(100%);
  right: 0;
  top: 0;
  height: 100%
}

.yd-popup-bottom {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  right: 0;
  bottom: 0
}

.yd-popup-show {
  pointer-events: auto;
  -webkit-transform: translate(0);
  transform: translate(0)
}

.yd-popup-center {
  z-index: 1502;
  position: fixed;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%,-50%) scale(.95);
  transform: translate(-50%,-50%) scale(.95);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform .1s;
  transition: -webkit-transform .1s;
  transition: transform .1s;
  transition: transform .1s,-webkit-transform .1s
}

.yd-popup-center, .yd-popup-center * {
  pointer-events: none
}

.yd-popup-center.yd-popup-show {
  opacity: 1;
  -webkit-transform: translate(-50%,-50%) scale(1);
  transform: translate(-50%,-50%) scale(1);
  pointer-events: auto
}

.yd-popup-center.yd-popup-show * {
  pointer-events: auto
}

.yd-rollnotice {
  overflow: hidden;
  width: 100%;
  background-color: #fff
}

.yd-rollnotice-box {
  height: inherit
}

.yd-rollnotice-align-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.yd-rollnotice-align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.yd-rollnotice-align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.yd-rollnotice-item {
  height: inherit;
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit
}

.yd-input, .yd-rollnotice-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-input, .yd-input > input {
  width: 100%;
  height: 100%
}

.yd-input > input {
  display: block;
  border: none;
  font-size: inherit
}

.yd-input > input::-webkit-search-cancel-button {
  -webkit-appearance: none
}

.yd-input-clear, .yd-input-error, .yd-input-password, .yd-input-success, .yd-input-warn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-input-clear:after, .yd-input-error:after, .yd-input-password:after, .yd-input-success:after, .yd-input-warn:after {
  font-family: YDUI-INLAY
}

.yd-input-clear {
  height: 100%;
  padding-right: .15rem;
  padding-left: .2rem
}

.yd-input-clear:after {
  content: "\E60C";
  color: #b2b2b2;
  font-size: .3rem
}

.yd-input-error:after {
  content: "\E614";
  color: #f43530;
  font-size: .4rem
}

.yd-input-warn:after {
  content: "\E614";
  color: #10aeff;
  font-size: .4rem
}

.yd-input-success:after {
  content: "\E601";
  color: #09bb07;
  font-size: .4rem
}

.yd-input-password:after {
  content: "\E77E";
  color: #b2b2b2;
  font-size: .45rem
}

.yd-input-password-open:after {
  content: "\E77D";
  color: #434343
}

.yd-flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-flexbox-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.yd-flexbox-vertical .yd-flexbox-item {
  width: 100%
}

.yd-flexbox-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.yd-flexbox-item-start {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  justify-self: flex-end
}

.yd-flexbox-item-center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

.yd-flexbox-item-end {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}

.yd-radio {
  display: inline-block;
  padding-right: 10px
}

.yd-radio-icon {
  border: 1px solid #ccc;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  z-index: 10;
  vertical-align: bottom;
  pointer-events: none
}

.yd-radio-icon > i {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0;
  -webkit-transform: translate(-50%,-50%) scale(.1);
  transform: translate(-50%,-50%) scale(.1)
}

.yd-radio-text {
  margin-left: 1px;
  font-size: 15px;
  color: #666;
  pointer-events: none
}

.yd-radio > input[type=radio] {
  position: absolute;
  left: -9999em
}

.yd-radio > input[type=radio]:checked + .yd-radio-icon {
  border-color: currentColor
}

.yd-radio > input[type=radio]:checked + .yd-radio-icon > i {
  opacity: 1;
  -webkit-transform: translate(-50%,-50%) scale(1);
  transform: translate(-50%,-50%) scale(1);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.yd-radio > input[type=radio]:disabled ~ .yd-radio-text {
  color: #ccc
}

.yd-radio > input[type=radio]:disabled + .yd-radio-icon {
  border-color: #ccc;
  background-color: #f3f3f3
}

.yd-radio > input[type=radio]:disabled + .yd-radio-icon > i {
  background-color: #ccc
}

.yd-checkbox {
  display: inline-block;
  padding-right: 10px
}

.yd-checkbox > input[type=checkbox] {
  position: absolute;
  left: -9999em
}

.yd-checkbox > input[type=checkbox]:checked + .yd-checkbox-icon {
  background-color: currentColor;
  border-color: currentColor
}

.yd-checkbox > input[type=checkbox]:checked + .yd-checkbox-icon > i {
  -webkit-transform: translate(-50%,-50%) rotate(45deg) scale(1);
  transform: translate(-50%,-50%) rotate(45deg) scale(1);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.yd-checkbox > input[type=checkbox]:disabled ~ .yd-checkbox-text {
  color: #ccc
}

.yd-checkbox > input[type=checkbox]:disabled + .yd-checkbox-icon {
  border-color: #ccc;
  background-color: #f3f3f3
}

.yd-checkbox > input[type=checkbox]:disabled + .yd-checkbox-icon > i {
  border-color: #ccc
}

.yd-checkbox-icon {
  border: 1px solid #ccc;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  z-index: 10;
  vertical-align: bottom;
  pointer-events: none
}

.yd-checkbox-icon > i {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: translate(-50%,-50%) rotate(45deg) scale(0);
  transform: translate(-50%,-50%) rotate(45deg) scale(0)
}

.yd-checkbox-text {
  margin-left: 1px;
  font-size: 15px;
  color: #666;
  pointer-events: none
}

.yd-checkbox-circle .yd-checkbox-icon {
  border-radius: 50%
}

.yd-backtop {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1000
}

.yd-backtop-inlay {
  border: 1px solid silver;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: hsla(0,0%,100%,.85)
}

.yd-backtop-inlay:after {
  font-family: YDUI-INLAY;
  content: "\E788";
  font-size: .5rem;
  color: silver
}

.yd-accordion {
  background-color: #fff
}

.yd-accordion-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0 .24rem;
  overflow: hidden
}

.yd-accordion-head:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-accordion-head-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.yd-accordion-head-arrow, .yd-accordion-head-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-accordion-head-arrow {
  overflow: hidden;
  height: 100%;
  min-height: 1rem
}

.yd-accordion-head-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #a0a0a0;
  display: block;
  -webkit-transition: -webkit-transform .1s linear;
  transition: -webkit-transform .1s linear;
  transition: transform .1s linear;
  transition: transform .1s linear,-webkit-transform .1s linear;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.yd-accordion-head-arrow.yd-accordion-rotated:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.yd-accordion-title {
  min-height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .28rem;
  color: #444
}

.yd-accordion-title-full {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.yd-accordion-content {
  position: relative;
  overflow: hidden;
  -webkit-transition: height .1s linear;
  transition: height .1s linear
}

.yd-accordion-content:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-datetime {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1502;
  background-color: #fff;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s,-webkit-transform .25s;
  -ms-touch-action: none;
  touch-action: none;
  will-change: transform
}

.yd-datetime-active {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.yd-datetime-placeholder {
  color: #a1a1a1;
  font-size: inherit
}

.yd-datetime-input {
  width: 100%
}

.yd-datetime-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  background-color: #fbfbfb
}

.yd-datetime-head:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-datetime-head > a {
  height: 43px;
  padding: 0 30px;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #555
}

.yd-datetime-head > a:last-child {
  color: #0bb20c
}

.yd-datetime-content {
  position: relative;
  width: 100%;
  height: 266px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.yd-datetime-item {
  font-size: 16px;
  height: 100%;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.yd-datetime-item-content > span {
  width: 100%;
  display: block;
  height: 38px;
  line-height: 38px;
  text-align: center
}

.yd-datetime-item-box {
  height: 100%
}

.yd-datetime-indicator, .yd-datetime-shade {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%
}

.yd-datetime-shade {
  z-index: 3;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.95)),to(hsla(0,0%,100%,.6))),-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.95)),to(hsla(0,0%,100%,.6)));
  background-image: linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
  background-position: top,bottom;
  background-size: 100% 114px;
  background-repeat: no-repeat
}

.yd-datetime-indicator {
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.yd-datetime-indicator > span {
  display: block;
  width: 100%;
  height: 38px;
  position: relative
}

.yd-datetime-indicator > span:after {
  top: -1px
}

.yd-datetime-indicator > span:after, .yd-datetime-indicator > span:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-datetime-indicator > span:before {
  bottom: 0
}

.yd-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1502;
  background-color: #000
}

.yd-lightbox-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  height: .9rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1503;
  background-color: rgba(0,0,0,.3);
  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s,-webkit-transform .2s;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.yd-lightbox-head > span {
  font-size: .24rem;
  padding-left: .24rem
}

.yd-lightbox-head > a {
  padding-right: .24rem;
  font-size: 13px
}

.yd-lightbox-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  will-change: opacity;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: cubic-bezier(.4,0,.22,1);
  transition: cubic-bezier(.4,0,.22,1)
}

.yd-lightbox-foot {
  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s,-webkit-transform .2s;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  z-index: 1502;
  background-color: rgba(0,0,0,.3);
  padding: .24rem
}

.yd-lightbox-scroller {
  -webkit-overflow-scrolling: touch;
  max-height: 2rem;
  overflow-y: auto;
  line-height: .34rem
}

.yd-lightbox-up-hide {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.yd-lightbox-down-hide {
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}

.yd-lightbox-loading {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  margin-left: -15px;
  margin-top: -15px
}

.yd-lightbox-tip {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,.85);
  z-index: 1505;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.yd-lightbox-tip > img {
  width: 2.4rem
}

.yd-timeline {
  background-color: #fff;
  font-size: 13px;
  color: #6e6e6e;
  overflow: hidden;
  position: relative;
  z-index: 1
}

.yd-timeline:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-timeline-content {
  margin-left: 16px;
  border-left: 1px solid #e4e5e9
}

.yd-timeline-custom-item, .yd-timeline-item {
  padding: 16px 12px 16px 0;
  margin-left: 16px;
  position: relative
}

.yd-timeline-custom-item:not(:last-child):after, .yd-timeline-item:not(:last-child):after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-timeline-custom-item .yd-timeline-icon, .yd-timeline-item .yd-timeline-icon {
  content: "";
  position: absolute;
  z-index: 1;
  left: -16px;
  display: block;
  top: 19px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.yd-timeline-custom-item:first-child, .yd-timeline-item:first-child {
  margin-top: 16px;
  padding-top: 0;
  color: #000
}

.yd-timeline-custom-item:first-child > .yd-timeline-icon, .yd-timeline-item:first-child > .yd-timeline-icon {
  top: 3px
}

.yd-timeline-custom-item:last-child:before, .yd-timeline-item:last-child:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: -17px;
  top: 19px
}

.yd-timeline-item .yd-timeline-icon {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background-color: #e4e5e9
}

.yd-timeline-item:first-child > .yd-timeline-icon {
  background-color: #f23030;
  width: 10px;
  height: 10px
}

.yd-timeline-item:first-child:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 0;
  top: 0;
  left: -24px;
  background-color: #fbbfbf;
  border-radius: 99px
}

.yd-timeline-custom-item:first-child > .yd-timeline-icon {
  top: 0
}

.yd-step {
  font-size: 13px
}

.yd-step-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.yd-step-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative
}

.yd-step-item:not(:first-child):before {
  content: "";
  height: 2px;
  position: absolute;
  top: -1px;
  background-color: #ccc
}

.yd-step-item > em {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #ccc
}

.yd-step-item-bottom, .yd-step-item-top {
  position: absolute;
  left: 0;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  padding: 0 4px
}

.yd-step-item-top-text > span {
  color: #989898
}

.yd-step-item-bottom {
  color: #333
}

.yd-step-theme1 .yd-step-content {
  padding: 10px 0 42px
}

.yd-step-theme1 .yd-step-item:not(:first-child):before {
  width: 70%;
  left: -35%
}

.yd-step-theme1 .yd-step-item > em {
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  text-align: center;
  line-height: 20px;
  font-size: 12px
}

.yd-step-theme1 .yd-step-item > em > i {
  color: #fff
}

.yd-step-theme1 .yd-step-item-top {
  bottom: 18px
}

.yd-step-theme1 .yd-step-item-bottom {
  top: 18px
}

.yd-step-theme1 .yd-step-item-current:before, .yd-step-theme1 .yd-step-item-current > em {
  background-color: currentColor
}

.yd-step-theme1 .yd-step-item-current > em.yd-step-checkmark:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 8px;
  border: 1px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 10px
}

.yd-step-theme1 .yd-step-item-current .yd-step-item-bottom {
  color: currentColor
}

.yd-step-theme2 .yd-step-content {
  padding: 42px 0
}

.yd-step-theme2 .yd-step-item:not(:first-child):before {
  width: 80%;
  left: -40%
}

.yd-step-theme2 .yd-step-item > em {
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px
}

.yd-step-theme2 .yd-step-item-top {
  bottom: 15px
}

.yd-step-theme2 .yd-step-item-bottom {
  top: 15px
}

.yd-step-theme2 .yd-step-item-current .yd-step-item-top-text {
  display: inline-block;
  background-color: currentColor;
  padding: 5px 11px 3px;
  border-radius: 100px;
  position: relative;
  z-index: 1
}

.yd-step-theme2 .yd-step-item-current .yd-step-item-top-text > span {
  color: #fff
}

.yd-step-theme2 .yd-step-item-current > em {
  background-color: currentColor
}

.yd-step-theme2 .yd-step-item-current > em:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -6px
}

.yd-checklist {
  background-color: #fff;
  position: relative;
  z-index: 1
}

.yd-checklist:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-checklist-alignright .yd-checklist-content {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}

.yd-checklist-alignright .yd-checklist-item-icon {
  margin-left: 0
}

.yd-checklist-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  margin-left: 12px
}

.yd-checklist-item:not(:last-child):after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-checklist-item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px;
  margin-left: -12px
}

.yd-checklist-item-icon > input[type=checkbox] {
  position: absolute;
  left: -9999em
}

.yd-checklist-item-icon > input[type=checkbox]:checked + .yd-checklist-icon {
  background-color: currentColor;
  border-color: currentColor
}

.yd-checklist-item-icon > input[type=checkbox]:checked + .yd-checklist-icon > i {
  -webkit-transform: translate(-50%,-50%) rotate(45deg) scale(1);
  transform: translate(-50%,-50%) rotate(45deg) scale(1);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.yd-checklist-item-icon > input[type=checkbox]:disabled + .yd-checklist-icon {
  border-color: #ccc;
  background-color: #f3f3f3
}

.yd-checklist-item-icon > input[type=checkbox]:disabled + .yd-checklist-icon > i {
  border-color: #ccc
}

.yd-checklist-icon {
  border: 1px solid #ccc;
  border-radius: 100px;
  display: block;
  position: relative;
  z-index: 10;
  pointer-events: none;
  width: 20px;
  height: 20px
}

.yd-checklist-icon > i {
  width: 6px;
  height: 12px;
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: translate(-50%,-50%) rotate(45deg) scale(0);
  transform: translate(-50%,-50%) rotate(45deg) scale(0)
}

.yd-checklist-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  color: #333;
  padding-right: 12px
}

.yd-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.yd-search-fly {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  z-index: 1500;
  opacity: 0;
  pointer-events: none
}

.yd-search-show {
  opacity: 1;
  pointer-events: auto
}

.yd-search-input {
  background-color: #efeff4;
  border-left: none;
  border-right: none;
  padding: 10px 0 10px 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.yd-search-input:after {
  bottom: 0
}

.yd-search-input:after, .yd-search-input:before {
  height: 1px;
  position: absolute;
  z-index: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-search-input:before {
  top: -1px
}

.yd-search-input > .search-input {
  width: 100%;
  height: 30px;
  background-color: #fff;
  border: none;
  border-radius: 3px;
  margin-right: 10px;
  padding-top: 1px;
  overflow: hidden
}

.yd-search-input > .search-input, .yd-search-input > .search-input .search-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-search-input > .search-input .search-icon {
  padding-left: 8px;
  padding-right: 5px;
  line-height: 28px
}

.yd-search-input > .search-input .search-icon:after {
  content: "\E626";
  font-family: YDUI-INLAY;
  font-size: 15px;
  color: #b2b2b2
}

.yd-search-input > .cancel-text {
  display: block;
  white-space: nowrap;
  padding-left: 10px;
  height: 30px;
  line-height: 32px;
  color: #0bb20c;
  font-size: 14px;
  padding-right: 10px;
  margin-left: -10px
}

.yd-search-list {
  overflow: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
  -webkit-overflow-scrolling: touch
}

.yd-search-list-item {
  position: relative;
  height: 45px;
  line-height: 45px;
  margin-left: 12px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 12px;
  text-overflow: ellipsis
}

.yd-search-list-item:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-scrollnav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.yd-scrollnav, .yd-scrollnav-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.yd-scrollnav-tab {
  position: relative
}

.yd-scrollnav-tab-item {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.yd-scrollnav-tab-item > li {
  padding: 0 .2rem;
  font-size: .28rem;
  display: inline-block;
  position: relative;
  height: inherit
}

.yd-scrollnav-tab-item > li.yd-scrollnav-current {
  color: currentColor !important;
  padding-left: .32rem
}

.yd-scrollnav-tab-item > li.yd-scrollnav-current > i {
  width: .32rem;
  height: inherit;
  position: absolute;
  top: 0;
  left: .5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-scrollnav-tab-item > li.yd-scrollnav-current > i:before {
  content: "\E651";
  font-family: YDUI-INLAY;
  font-size: .32rem;
  line-height: 1
}

.yd-scrollnav-tab-item > li > span, .yd-scrollnav-toggle {
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-scrollnav-toggle {
  width: 1rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.yd-scrollnav-toggle:after {
  content: "\E68C";
  font-family: YDUI-INLAY;
  display: block;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform .08s linear;
  transition: -webkit-transform .08s linear;
  transition: transform .08s linear;
  transition: transform .08s linear,-webkit-transform .08s linear;
  font-size: .32rem;
  color: currentColor
}

.yd-scrollnav-toggle-active:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.yd-scrollnav-unfold {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all .08s linear;
  transition: all .08s linear
}

.yd-scrollnav-unfold-active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0)
}

.yd-scrollnav-unfold-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border-width: 0 0 1px;
  border-style: solid
}

.yd-scrollnav-unfold-header > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: .3rem;
  font-size: .28rem;
  color: #333
}

.yd-scrollnav-unfold-header > span {
  width: 1rem
}

.yd-scrollnav-unfold > ul {
  pointer-events: auto;
  overflow: hidden;
  padding-bottom: .2rem;
  padding-top: .2rem
}

.yd-scrollnav-unfold > ul > li {
  float: left;
  width: 33.333%;
  padding-left: .3rem;
  line-height: .7rem;
  font-size: .28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.yd-scrollnav-unfold > ul > li.yd-scrollnav-current {
  color: currentColor !important
}

.yd-scrollnav-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch
}

.yd-preview {
  background-color: #fff;
  position: relative;
  z-index: 2
}

.yd-preview:before {
  top: -1px
}

.yd-preview:after, .yd-preview:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-preview:after {
  bottom: 0
}

.yd-preview-header {
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: .24rem;
  padding-right: .24rem;
  position: relative;
  color: #999;
  font-size: .28rem;
  margin-bottom: .2rem
}

.yd-preview-header:after {
  height: 1px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

.yd-preview-header > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.yd-preview-header > :first-child {
  margin-right: .2rem
}

.yd-preview-header > :last-child {
  text-align: right;
  color: #333;
  font-size: .32rem
}

.yd-preview-item {
  font-size: .27rem;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 .24rem .15rem
}

.yd-preview-item > * {
  display: block
}

.yd-preview-item > :first-child {
  min-width: 1.1rem;
  -moz-text-align-last: justify;
  text-align-last: justify;
  margin-right: .4rem;
  height: 100%;
  text-align: right
}

.yd-preview-item > :last-child {
  word-break: normal;
  word-wrap: break-word;
  text-align: right;
  line-height: .45rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.yd-preview-item:last-child {
  padding-bottom: .25rem
}

.yd-preview-footer {
  height: 1rem;
  -ms-flex-align: center;
  font-size: .28rem;
  color: #999;
  margin-top: .1rem
}

.yd-preview-footer, .yd-preview-footer > * {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.yd-preview-footer > * {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: inherit;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.yd-preview-footer > :not(:first-child):after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-image: -webkit-gradient(linear,right top,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(270deg,#ececec 50%,transparent 0)
}

.yd-preview-footer:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#ececec),color-stop(0,transparent));
  background-image: linear-gradient(0deg,#ececec 50%,transparent 0)
}

@font-face {
  font-family: iconfont;
  src: url(/static/fonts/iconfont.85b9d06.eot);
  src: url(/static/fonts/iconfont.85b9d06.eot#iefix) format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"),url(data:application/font-woff;base64,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) format("woff"),url(/static/fonts/iconfont.5414c52.ttf) format("truetype"),url(/extension/img/iconfont.c3bbd52.svg#iconfont) format("svg")
}

[class*=" icon-custom-"]:before, [class^=icon-custom-]:before {
  font-family: iconfont
}

.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-custom-circle-qq:before {
  content: "\E677"
}

.icon-custom-circle-wechat:before {
  content: "\E678"
}

.icon-custom-record:before {
  content: "\E646"
}

.icon-custom-circle-account:before {
  content: "\E80A"
}

.icon-custom-password:before {
  content: "\E60F"
}

.icon-custom-circle-password:before {
  content: "\E689"
}

.icon-custom-refresh:before {
  content: "\E626"
}

.icon-custom-chongzhi:before {
  content: "\E602"
}

.icon-custom-score:before {
  content: "\E604"
}

.icon-custom-card:before {
  content: "\E637"
}

.icon-custom-circle-update-password:before {
  content: "\E612"
}

.icon-custom-group:before {
  content: "\E639"
}

.icon-custom-menu:before {
  content: "\E600"
}

.icon-custom-tixian:before {
  content: "\E632"
}

.icon-custom-nickname:before {
  content: "\E62A"
}

.icon-custom-circle-remark:before {
  content: "\E62C"
}

.icon-custom-ring:before {
  content: "\E74C"
}

.icon-custom-ring-jing:before {
  content: "\E74D"
}

.icon-custom-circle-card:before {
  content: "\E634"
}

.icon-custom-msg:before {
  content: "\E61D"
}

.icon-custom-home:before {
  content: "\E619"
}

.icon-custom-circle-money:before {
  content: "\E670"
}

.icon-custom-qrcode:before {
  content: "\E647"
}

.icon-custom-jia:before {
  content: "\E642"
}

.icon-custom-zhankai:before {
  content: "\E71A"
}

.icon-custom-update-password:before {
  content: "\E718"
}

.icon-custom-account:before {
  content: "\E618"
}

.icon-custom-me:before {
  content: "\E631"
}

.icon-custom-kefu:before {
  content: "\E61A"
}

.icon-custom-bet:before {
  content: "\E636"
}

.icon-custom-backspace:before {
  content: "\E610"
}

.icon-custom-backspace-fill:before {
  content: "\E611"
}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */ @-webkit-keyframes bounce {
      0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
      }

      40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
      }

      70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
      }

      90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
      }
    }

@keyframes bounce {
  0%,20%,53%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  40%,43% {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    -webkit-transform: translate3d(0,-15px,0);
    transform: translate3d(0,-15px,0)
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0)
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes flash {
  0%,50%,to {
    opacity: 1
  }

  25%,75% {
    opacity: 0
  }
}

@keyframes flash {
  0%,50%,to {
    opacity: 1
  }

  25%,75% {
    opacity: 0
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  50% {
    -webkit-transform: scale3d(1.05,1.05,1.05);
    transform: scale3d(1.05,1.05,1.05)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  50% {
    -webkit-transform: scale3d(1.05,1.05,1.05);
    transform: scale3d(1.05,1.05,1.05)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  30% {
    -webkit-transform: scale3d(1.25,.75,1);
    transform: scale3d(1.25,.75,1)
  }

  40% {
    -webkit-transform: scale3d(.75,1.25,1);
    transform: scale3d(.75,1.25,1)
  }

  50% {
    -webkit-transform: scale3d(1.15,.85,1);
    transform: scale3d(1.15,.85,1)
  }

  65% {
    -webkit-transform: scale3d(.95,1.05,1);
    transform: scale3d(.95,1.05,1)
  }

  75% {
    -webkit-transform: scale3d(1.05,.95,1);
    transform: scale3d(1.05,.95,1)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  30% {
    -webkit-transform: scale3d(1.25,.75,1);
    transform: scale3d(1.25,.75,1)
  }

  40% {
    -webkit-transform: scale3d(.75,1.25,1);
    transform: scale3d(.75,1.25,1)
  }

  50% {
    -webkit-transform: scale3d(1.15,.85,1);
    transform: scale3d(1.15,.85,1)
  }

  65% {
    -webkit-transform: scale3d(.95,1.05,1);
    transform: scale3d(.95,1.05,1)
  }

  75% {
    -webkit-transform: scale3d(1.05,.95,1);
    transform: scale3d(1.05,.95,1)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

@-webkit-keyframes shake {
  0%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)
  }

  20%,40%,60%,80% {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)
  }
}

@keyframes shake {
  0%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)
  }

  20%,40%,60%,80% {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  10%,20% {
    -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
    transform: scale3d(.9,.9,.9) rotate(-3deg)
  }

  30%,50%,70%,90% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
    transform: scale3d(1.1,1.1,1.1) rotate(3deg)
  }

  40%,60%,80% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
    transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  10%,20% {
    -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
    transform: scale3d(.9,.9,.9) rotate(-3deg)
  }

  30%,50%,70%,90% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
    transform: scale3d(1.1,1.1,1.1) rotate(3deg)
  }

  40%,60%,80% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
    transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  15% {
    -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
    transform: translate3d(-25%,0,0) rotate(-5deg)
  }

  30% {
    -webkit-transform: translate3d(20%,0,0) rotate(3deg);
    transform: translate3d(20%,0,0) rotate(3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
    transform: translate3d(-15%,0,0) rotate(-3deg)
  }

  60% {
    -webkit-transform: translate3d(10%,0,0) rotate(2deg);
    transform: translate3d(10%,0,0) rotate(2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
    transform: translate3d(-5%,0,0) rotate(-1deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  15% {
    -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
    transform: translate3d(-25%,0,0) rotate(-5deg)
  }

  30% {
    -webkit-transform: translate3d(20%,0,0) rotate(3deg);
    transform: translate3d(20%,0,0) rotate(3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
    transform: translate3d(-15%,0,0) rotate(-3deg)
  }

  60% {
    -webkit-transform: translate3d(10%,0,0) rotate(2deg);
    transform: translate3d(10%,0,0) rotate(2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
    transform: translate3d(-5%,0,0) rotate(-1deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes jello {
  0%,11.1%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

@keyframes jello {
  0%,11.1%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }

  20% {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1)
  }

  40% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03,1.03,1.03);
    transform: scale3d(1.03,1.03,1.03)
  }

  80% {
    -webkit-transform: scale3d(.97,.97,.97);
    transform: scale3d(.97,.97,.97)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }

  20% {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1)
  }

  40% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03,1.03,1.03);
    transform: scale3d(1.03,1.03,1.03)
  }

  80% {
    -webkit-transform: scale3d(.97,.97,.97);
    transform: scale3d(.97,.97,.97)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-3000px,0);
    transform: translate3d(0,-3000px,0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,25px,0);
    transform: translate3d(0,25px,0)
  }

  75% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)
  }

  90% {
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInDown {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-3000px,0);
    transform: translate3d(0,-3000px,0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,25px,0);
    transform: translate3d(0,25px,0)
  }

  75% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)
  }

  90% {
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px,0,0);
    transform: translate3d(-3000px,0,0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px,0,0);
    transform: translate3d(25px,0,0)
  }

  75% {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)
  }

  90% {
    -webkit-transform: translate3d(5px,0,0);
    transform: translate3d(5px,0,0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInLeft {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px,0,0);
    transform: translate3d(-3000px,0,0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px,0,0);
    transform: translate3d(25px,0,0)
  }

  75% {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)
  }

  90% {
    -webkit-transform: translate3d(5px,0,0);
    transform: translate3d(5px,0,0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px,0,0);
    transform: translate3d(3000px,0,0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px,0,0);
    transform: translate3d(-25px,0,0)
  }

  75% {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)
  }

  90% {
    -webkit-transform: translate3d(-5px,0,0);
    transform: translate3d(-5px,0,0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInRight {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px,0,0);
    transform: translate3d(3000px,0,0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px,0,0);
    transform: translate3d(-25px,0,0)
  }

  75% {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)
  }

  90% {
    -webkit-transform: translate3d(-5px,0,0);
    transform: translate3d(-5px,0,0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,3000px,0);
    transform: translate3d(0,3000px,0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)
  }

  75% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
  }

  90% {
    -webkit-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInUp {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,3000px,0);
    transform: translate3d(0,3000px,0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)
  }

  75% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
  }

  90% {
    -webkit-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9)
  }

  50%,55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9)
  }

  50%,55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }
}

.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
  }

  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
  }

  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px,0,0);
    transform: translate3d(20px,0,0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px,0,0);
    transform: translate3d(20px,0,0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)
  }

  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)
  }

  40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}

.flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}

.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
    transform: translate3d(100%,0,0) skewX(-30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
    transform: translate3d(100%,0,0) skewX(-30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(100%,0,0) skewX(30deg);
    transform: translate3d(100%,0,0) skewX(30deg);
    opacity: 0
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(100%,0,0) skewX(30deg);
    transform: translate3d(100%,0,0) skewX(30deg);
    opacity: 0
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(0,700px,0);
    transform: translate3d(0,700px,0);
    opacity: 0
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(0,700px,0);
    transform: translate3d(0,700px,0);
    opacity: 0
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
    transform: translate3d(-100%,0,0) rotate(-120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
    transform: translate3d(-100%,0,0) rotate(-120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0) rotate(120deg);
    transform: translate3d(100%,0,0) rotate(120deg)
  }
}

@keyframes rollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0) rotate(120deg);
    transform: translate3d(100%,0,0) rotate(120deg)
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }

  50% {
    opacity: 1
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }

  to {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }

  to {
    opacity: 0
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px,0,0);
    transform: scale(.1) translate3d(-2000px,0,0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px,0,0);
    transform: scale(.1) translate3d(-2000px,0,0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px,0,0);
    transform: scale(.1) translate3d(2000px,0,0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px,0,0);
    transform: scale(.1) translate3d(2000px,0,0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s
}

.animated.fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s
}

.animated.faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),(print) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
  }
}

.flex-row {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row
}

.flex-column, .flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal
}

.flex-column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column
}

.center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#wx_android_tit {
  background-color: rgba(0,0,0,.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #fff;
  z-index: 999
}

#wx_android_tit .icon-lookat {
  background: url() no-repeat;
  width: 56px;
  height: 56px;
  background-size: 100% 100%;
  margin-bottom: 12px
}

#wx_android_tit .icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 6px;
  right: 6px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

#wx_android_tit .text {
  font-size: 18px;
  font-family: 黑体,PingFangSC-Medium;
  font-weight: 500;
  line-height: 28px;
  padding-right: 24px;
  text-align: right
}
